使用jQuery的第一排列​​表

Question

我想选择第二行第二列使用第一行第二列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行第二列值设定为 “付费” 消息。 这是我需要通过的第一行第二列ID“量付费”做。

我尝试下面的代码，但没有奏效：

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

Answer 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'); 

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

Answer 3

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

$（'＃amount-paid td：eq（1）'）。innerHTML ='Paid';