jquery - 使用 jQuery 选择第 3 个？

Question

我有一个表一行和该行中的多个 td，如下所示：

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

我能够获得所有 td 的父 tr，但是有没有办法只在 tr 中获得第三个 td？

获取 tr 的代码是：

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

谢谢

score 19 · Accepted Answer

您可以使用:eq选择器：

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

或者：

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

score 2 · Accepted Answer

2

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

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

于 2013-02-19T12:24:41.363 回答

score 2 · Accepted Answer

2

试试这样：

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

于 2013-02-19T12:30:04.023 回答

score 1 · Accepted Answer

1

试试这个

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

于 2013-02-19T12:25:03.240 回答

score 1 · Accepted Answer

1

标题答案：

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

于 2018-01-09T02:30:11.933 回答

score 0 · Accepted Answer

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

<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中将按钮与click事件绑定，如下所示：-

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

这将解决问题。

score 0 · Accepted Answer

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

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

jquery - 使用 jQuery 选择第 3 个？

7 回答 7

Related

Reference