jquery 使用表中的第一行列 <td> 选择第二行列答案

【问题标题】：jquery to select second row column using first row column <td> in tablejquery 使用表中的第一行列 <td> 选择第二行列
【发布时间】：2016-11-09 05:27:58
【问题描述】：

我想在 html 表格中使用第一行第二列<td> 标记选择第二行第二列。

例子：

<table>
 <tr>
  <td>Row 1</td>
  <td id="amount-paid">$1.00 USD</td>
 </tr>
 <tr>
  <td>Row 2</td>
  <td>$2.69 USD</td>
 </tr>
</table>

现在我需要将第 2 行第二列的值更改为“Paid”消息。我需要通过使用第一行第二列 ID“amount-paid”来做到这一点。

我尝试了以下代码，但没有成功：

$('#amount-paid td:eq(2)').text('Paid');

【问题讨论】：

eq() 从零开始。试试eq(1)。
我只需要基于td ID访问

标签： javascript jquery html css html-table

【解决方案1】：

尝试以下操作：

$('#amount-paid td:eq(1)').text('Paid');

这些怎么样？

$('table tr:eq(1) td:eq(1)').text("Paid")

或

$('#amount-paid').closest('tr').next().find('td:eq(1)').text('Paid');

【讨论】：

我对代码做了一个小的改动，它适用于这个代码。你能再发布一次答案

【解决方案2】：

使用 jQuery .eq()

$('table tr').eq(1).find('td').eq(1).text('Paid');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
 

<table>
 <tr>
  <td>Row 1</td>
  <td>$1.00 USD</td>
 </tr>
 <tr id="amount-paid">
  <td>Row 2</td>
  <td>$2.69 USD</td>
 </tr>
</table>

【讨论】：

您好，我对代码做了一个小改动，它适用于该代码。您能再次发布答案

【解决方案3】：

尝试使用 innerHTML 而不是这样的文本：

$('#amount-paid td:eq(1)').innerHTML = 'Paid';

【讨论】：