nth-child和descendant选择器没有选择所有预期的元素

时间:2011-10-25 16:31:03

标签: jquery jquery-selectors selector

我的DOM如下:http://jsfiddle.net/pimvdb/AHJXk/1/

<table>
    <tr>
        <td>
            <input type="text"><input type="text">
        </td>
        <td>
            <input type="text"><input type="text">
        </td>
    </tr>
    <tr>
        <td>
            <input type="text"><input type="text">
        </td>
        <td>
            <input type="text"><input type="text">
        </td>
    </tr>
</table>

我正在尝试在每个input的第二个td中选择所有tr,即总共四个$('table tr td:nth-child(2) input') 。我认为以下选择器可以工作:

input

但它只会返回每秒td第一个 $('table tr td:nth-child(1) input') (总共两个)。这是为什么?如果我这样做:

input

然后我确实得到所有 td的每个:nth-child(2)(总共四个)。

那么为什么input没有返回所有td但只返回每个匹配{{1}}的第一个?

1 个答案:

答案 0 :(得分:1)

这将为您提供所有这四个:

$('input','table tr td:nth-child(2)')

小提琴:http://jsfiddle.net/AHJXk/3/