javascript - jQuery 选择语句

Question

如果我有这样的 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...

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

谢谢

Answer 1

你可以做：

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

这是一个小提琴演示

Answer 2

只需使用第 n 个子选择器

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

Answer 3

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

Answer 4

您实际上可以使用：

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

这也适用于css3：

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