Question

我在该行中有一行和多个tds，如下所示：

<tr class="first odd">
    <td class="a-center">
    <td>...</td>
    <td>...</td> --> I want this
    <td>...</td> 
    <td>...</td>
    <td>...</td>
</tr>

我能够获得所有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

试试这样：

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

Answer 4

试试这个

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

Answer 5

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

<tr class="first odd">
    <td class="a-center">
    <td>...</td>
    <td>...</td> --> I want this
    <td>...</td> 
    <td>...</td>
    <td><button id='test'><button></td>
</tr>

然后在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

Sample code, can modify too here

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

使用jQuery选择第3个？

7 个答案: