Question

我有一个表，我用空列填充它并使用ajax实时更新该数据。我最初没有任何数据，所以看起来只有<td></td> 21次。这是表格的一部分：

<table>
<tr class = "fff">
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
</tr>
</table>

我使用绑定或使用计时器更新数据，此代码更改特定的td：

$("#fff td:nth-child(2)").html(Math.random() * 100);

我尝试使用nth-child（9）而不创建9，但它不起作用。有没有办法我可以在没有一堆空td括号的情况下更新表格？

基本上我想将一个小的SQLite数据库中的数据加载到表中，并且SQLite数据库将在外部进行更新，因此它的大小始终相同，并且html表将显示相同的信息。

Answer 1

因此tr需要更新，而不是特定的td - 对吗？您需要使用Javascript为数据库中的每一行数据动态地向<td>data</td>添加一个新的tr，其中以空<tr></tr>开头 - 我假设。如果是这样，那么试试这个：

以下代码来自here

function insert(){
   var row = document.getElementsByTagName("tr")[0];
   var x = row.insertCell(1);
   var elementid = document.getElementsByTagName("td").length
   /* x.setAttribute('id',elementid); Not needed in your case */
   x.innerHTML="New cell";
}

如果您希望在HTML中使用唯一ID，则可以更新第var row行以查找具有特定ID的tr。您将为每个新的数据行重复此操作。 x.innerHTML当然会包含您从数据库中查询的数据。

HTML缩短了重复的空表代码

1 个答案: