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

Question

所以如果我有 table :

<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)

Fiddle here