JQuery 定位儿童

Question

我想使用 JQuery 定位第二个 <tr> 和第二个 <td> 标签。我知道我可以给 <td> 标签一个 class 并只定位那个标签，但我想这样做。这是我到目前为止得到的：

$('#playlist tr:nth-child(2)');

<table id="playlist">
    <tr class="bold">
        <td>ID:</td>
        <td>Track-Name:</td>
        <td>Artist:</td>
        <td>Duration:</td>
    </tr>
    <tr>
        <td class="idD">1</td>
        <td id="first" song="Weown.mp3" cover="cover.jpg" artist="The Wanted">We Own The Night</td>
        <td>The Wanted</td>
        <td class="idD">3:25</td>
    </tr>
</table>

Answer 1

这将是：

$('#playlist tr:nth-child(2) td:nth-child(2)');

http://jsfiddle.net/kzwbkfz3/

Answer 2

考虑以下：

$('#playlist tr:nth-child(2) td:nth-child(2)')
//or
$('#playlist tr:eq(1) td:eq(1)')

See it in action

Details: :nth-child(), :eq()

Answer 3

以上答案正确，但您也可以使用 eq()

$("#playlist tr").eq(2).find('td').eq(2);

勾选 demo on jsFiddle

JQuery 定位儿童

JQuery targeting child

html

jquery

children