Jquery select语句

时间:2013-06-25 14:17:55

标签: javascript jquery select jquery-selectors

如果我有这样的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标签?

由于

4 个答案:

答案 0 :(得分:5)

你可以这样做:

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

这是fiddle demo

答案 1 :(得分:1)

只需使用nth-child selector

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

答案 2 :(得分:0)

试试这个:$(“td:nth-​​child(2)”)。append(“ - 2nd!”);

答案 3 :(得分:0)

您实际上可以使用:

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

也适用于css3:

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