jQuery 选择语句

Posted 2023-05-09

【中文标题】jQuery 选择语句

【英文标题】：Jquery select statement

【发布时间】：2013-06-22 09:28:36

【问题描述】：

如果我有这样的 html 结构

<table>
    <tbody>
        <tr>
            <td></td>
            <td></td>
            <td></td>
        </tr>
    </tbody>
</table>
<table>
    <tbody>
        <tr>
            <td></td>
            <td></td>
            <td></td>
        </tr>
    </tbody>
</table>
<table>
    <tbody>
        <tr>
            <td></td>
            <td></td>
            <td></td>
        </tr>
    </tbody>
</table>
etc...

表格标签重复的地方。我如何编写一个 select 语句，从每个表标记中获取第三个 td 标记？

谢谢

【参考方案1】：

你可以这样做：

$('table tr td:nth-child(3)')

这是fiddle demo

【讨论】：

$('table > tbody > tr > td:nth-child(3)') 呢？

当然可以 - > 是一个更具体的情况，它专门寻找子节点（而不是大子节点）。如果这是所有表的结构一致，那么你的情况就可以了。

【参考方案2】：

只需使用nth-child selector

$('td:nth-child(3)')

【参考方案3】：

试试这个：$("td:nth-child(2)").append(" - 2nd!");

【参考方案4】：

你可以实际使用：

$('table tbody tr td:last-child')

这也适用于 css3：

table tbody tr td:last-child
    background:red;