得到一个的第n个孩子<tr>

Question

我有以下代码：

$('.odd, .even').each(function(i, obj) {
    $(obj:nth-child(3));
});

我不知道为什么这会给我一个错误？ 我想让一个TD的第三个孩子。 具有以下结构：

<tr class="odd">
        <td class=" sorting_1"><input name="pid" type="checkbox" value="3350360"></td>
        <td class=" ">bravejournal</td>

        <td class=" ">
            <a href="http://anonym.to/?http://gerrsad123yymqe.bravejournal.com" target="_blank">http://gerrsad123yymqe.bravejournal.com</a>

        </td>

    </tr>

在最终结果中，我基本上想获得以下值：

http://gerrsad123yymqe.bravejournal.com

任何想法？

Answer 1

您的代码在语法上是不正确的， obj是tr元素，因此请将该元素引用与子选择器一起使用

$('.odd, .even').each(function(i, obj) {
    $(obj).children(':nth-child(3)');
});

Answer 2

如果那总是第三，可以使用:eq(2)

$('.odd, .even').each(function(i, obj) {
    $('td:eq(2)',this).find('a').attr('href');
});

如果那将永远是最后一个，则可以使用:last

$('td:last',this).find('a').attr('href'); // or .text() if you want text inside <a>

Answer 3

您需要在此处使用.find() ，因为obj当前是您的tr元素，具有odd或even类：

$('.odd, .even').each(function(i, obj) {
    $(obj).find('td:nth-child(3)');
});

代替nth-child您还可以使用.eq() ：

$('.odd, .even').each(function(i, obj) {
    $(obj).find('td').eq(2);
});

或:eq()选择器：

$('.odd, .even').each(function(i, obj) {
    $(obj).find('td:eq(2)');
});

请注意:eq()或.eq()是基于0的索引，因此您需要在此处使用2来获取第三个td。

Answer 4

您可以这样做：

$('.odd, .even').each(function() {
  var td = $(this).find('td').eq(2);
});