jquery使用表中的第一行列选择第二行列

时间:2016-07-07 01:17:05

标签: javascript jquery html css html-table

我想在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行第2列更改为&#34; 付费&#34;信息。 我需要使用第一行第二列ID&#34; 金额支付&#34;。

我尝试了下面的代码,但没有用:

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

It looks like this

3 个答案:

答案 0 :(得分:0)

请尝试以下操作:

$('#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');

答案 1 :(得分:0)

使用jQuery .eq()

&#13;
&#13;
$('table tr').eq(1).find('td').eq(1).text('Paid');
&#13;
<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>
&#13;
&#13;
&#13;

答案 2 :(得分:0)

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

$(&#39;#amount-paid td:eq(1)&#39;)。innerHTML =&#39;付费&#39;;