使用jQuery选择第3个？

我有一个表和一行中的多个tds，就像那样：

  ... ... --> I want this ... ... ...  

我能够获得所有tds的父tr，但有没有办法让tr中的第3个td？

获取tr的代码是：

 jQuery('#shopping-cart-table > tbody > tr').each(function(index, value) { ... }); 

谢谢

Answer 1

您可以使用:eq选择器：

 jQuery('#shopping-cart-table > tbody > tr').each(function(index, value) { $('td:eq(2)', this) }); 

要么：

 jQuery('#shopping-cart-table tbody').find('td:eq(2)'); 

Answer 2

在jQuery中使用：eq函数： http ： //api.jquery.com/eq/

 $('#shopping-cart-table td').eq(2); 

Answer 3

试试这个

 $("#shopping-cart-table > tbody > tr td").eq(2); 

Answer 4

试试这样：

 $(".first td:nth-child(3)").append("-3rd"); 

Answer 5

这是最好，最简单的代码。 您可以单击该行中的按钮，然后它将显示第三个值。 如果这是你的表：

   ... ... --> I want this ... ...   

然后在javascript中将按钮与点击事件绑定，如下所示： –

 $(document).ready(function () { $('#test').click(function(){ var thirdData = $(this).closest('tr').children('td:eq(2)').text(); alert(thirdData); }); }); 

这样可以解决问题。

Answer 6

标题的答案：

 $("#tableId tr td:nth-child(3)").html(); 

Answer 7

示例代码，这里也可以修改

我认为这将解决问题，因为您可以通过更改td = tr[i].getElementsByTagName("td")[1];式的最后一个索引来加载任何给定的

td = tr[i].getElementsByTagName("td")[1];