为什么这个jQuery选择器没有选择第n列中的所有单元格?

时间:2013-03-31 20:38:12

标签: jquery

HTML:

<table id="table">
    <thead>

    </thead>
    <tbody>
        <tr>
            <td>5</td>
            <td>9</td>
        </tr>
        <tr>
            <td>3</td>
            <td>7</td>
        </tr>
    </tbody>
</table>

jQuery选择器:

$('#table td:nth-child(1)')

返回:

<td>5</td>

为什么不返回<td>5</td><td>3</td>?我想要整个nth(第一个)列。

感谢。

3 个答案:

答案 0 :(得分:2)

jsFiddle

$('#table td:nth-child(1)').each(function(){
    // <td>5</td> AND <td>3</td>
});

这只是为了显示选择器返回的元素

你所做的绝对正确$('#table td:nth-child(1)') see here

答案 1 :(得分:0)

It does.

alert($('#table td:nth-child(1)').size());

所以...也许测试你的代码? :/

答案 2 :(得分:0)

这很有效。对于第一个孩子,我建议:first-child

$('#table tr').each(function(){
    $('td:nth-child(1)', this).css( 'color', 'red' )
});