如何使用jQuery和JavaScript选择一行中的特定列？

Question

我是jQuery和JavaScript的新手。 我有一个小问题。 假设我有一个HTML表，如下所示

<Table id="mytable">
 <tr id="element">
  <td>value</td>
  <td>text</td>
</tr>
</Table>

在上面的示例中，我知道行ID，我想要更改具有该特定id的行的第二列的值。

我需要一个如下结果：

 <Table id="mytable">
 <tr id="element">
  <td>value</td>
  <td>ChangedText</td>
</tr>
</Table>

所以我的问题是：如何选择具有给定id的第一行的2 ^nd 列以更改值？

Answer 1

$("#element td:nth-child(2)").text('ChangedText');

这是an example。

Answer 2

类似

$('#mytable tr:eq(0) td:eq(1)').text('ChangedText');

将选择给定元素（TABLE）的第一行，第二列（基于0）。在您的情况下，因为您知道行ID：

$('#mytable #element td:eq(1)').text('ChangedText');

或只是

$('#element td:eq(1)').text('ChangedText');

Answer 3

Gert的代码是我如何实现你所要求的，所以我不会重新发布它。但是，由于您不熟悉jquery / javascript，因此您可能会喜欢使用此工具来确保我的选择器正常工作http://www.woods.iki.fi/interactive-jquery-tester.html。

干杯， 乔