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

swa*_*ati 12 javascript jquery jquery-selectors

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

<Table id="mytable">
 <tr id="element">
  <td>value</td>
  <td>text</td>
</tr>
</Table>
Run Code Online (Sandbox Code Playgroud)

在上面的例子中,我知道行id,我想更改具有该特定id的行的第二列的值.

我需要一个如下结果:

 <Table id="mytable">
 <tr id="element">
  <td>value</td>
  <td>ChangedText</td>
</tr>
</Table>
Run Code Online (Sandbox Code Playgroud)

所以我的问题是:我如何选择具有给定id的第一行的第二列才能更改该值?

Ger*_*der 24

$("#element td:nth-child(2)").text('ChangedText');
Run Code Online (Sandbox Code Playgroud)

这是一个例子.


Yan*_*hon 14

就像是

$('#mytable tr:eq(0) td:eq(1)').text('ChangedText');
Run Code Online (Sandbox Code Playgroud)

将选择给定元素(TABLE)的第一行,第二列(基于0).在您的情况下,因为您知道行ID:

$('#mytable #element td:eq(1)').text('ChangedText');
Run Code Online (Sandbox Code Playgroud)

或者干脆

$('#element td:eq(1)').text('ChangedText');
Run Code Online (Sandbox Code Playgroud)