Question

这是我的表格式。

<table id="table1">
 <tr id="row_1">
  <th>Some Heading</th>
  <td class="t1"></td>
  <td class="t2"></td>
  <td class="t3"></td>
  <td class="t4"></td>
 </tr>
 <tr id="row_2">
  <th>Some Heading</th>
  <td class="t1"></td>
  <td class="t2"></td>
  <td class="t3"></td>
  <td class="t4"></td>
 </tr>
 etc...
</table>

如何使用jQuery更新单独的表格单元格（td）的内容？如果我想更新＃row_1单元格1或＃row_2 cel 4等的内容，更好的方法是如何编写它？

我有另一个表，我可以毫无问题地更新数据，但它也更简单。每行只有一个表格单元需要更新内容。我是用它做的。

$('#val_' + i).html("stuff I put in it");

每个单元格都有一个唯一的ID - #val_ +一些识别它的数字，所以我可以轻松地遍历它，但稍微复杂的表格给我带来了麻烦。

Answer 1

$('#table1').children('tr').each(function() {

    // where 'x' is the index of the <td> to target
    var $requiredCell = $(this).children('td').eq(x);

    doStuff( $requiredCell );

});

或者，如果您只是针对整个单个细胞

$('#row_1 td.t1');

或者

$('#row_1 td').first(); // If you can't use the classes...

或者

$('#row_1 td').eq(x); // for targeting a td at an arbitrary index 'x'

e.g。（来自你的问题）：

$('#row_1 td').eq(3); // target the fourth <td>. Note index is 0-based

Answer 2

要获得所有tds，你可以使用这样的东西。

$("#row_1").find('td').each {function() {
  // do something
});

要获得特定的td，您可以这样做：

$('#row_1 .t1').something();

使用/ jQuery更新表单元格数据

2 个答案: