如何用jQuery选择和更改表格单元格的值？

Question

如何使用jQuery更改HTML示例中包含'c'字母的单元格的内容？

<table id="table_header">
<tr>
   <td>a</td>
   <td>b</td>
   <td>c</td>
</tr>
</table>

谢谢.

Answer 1

$("td:contains('c')").html("new");

或者更准确地说 $("#table_headers td:contains('c')").html("new");

也许为了重用你可以创建一个函数来调用

function ReplaceCellContent(find, replace)
{
    $("#table_headers td:contains('" + find + "')").html(replace);
}

Answer 2

使用eq()您可以定位表中的第三个单元格:

$('#table_header td').eq(2).html('new content');

如果您想要定位每行中的每个第三个单元格,请使用nth-child-selector:

$('#table_header td:nth-child(3)').html('new content');

Answer 3

您可以使用CSS选择器.

根据你获得该td的方式,你可以给它一个id:

<td id='cell'>c</td>

然后使用:

$("#cell").text("text");

或者遍历第一行table_header的第三个单元格等.