如何使用JQuery或Javascript连续更改特定TD的值？

Question

所以,如果我有桌子:

<table id="someTable">
  <tr><td>Key1</td><td>Value1</td></tr>
  <tr><td>Key2</td><td>Value2</td></tr>
  <tr><td>Key3</td><td>Value3</td></tr>
</table>

有没有办法可以获得值为2的"行的索引"并将值"Key2"存储到变量中.然后使用"包含value2的行的索引",我将该行的"第一个TD"(或者如果有三个TD,获得第三个TD)更改为"更改密钥"之类的内容？

像"索引的tr"然后指定"td的索引"来改变...不确定是否可以使用jquery或javascript.

Answer 1

如果您知道行和单元格的索引,则可以执行以下操作:

$(document).ready(function(){
    $('#someTable tr:nth-child(2) td:nth-child(1)').html('foo');
});

您也可以使用相同的选择器拉出单元格的当前值,.html()而不是.html(content)

在这里小提琴