JQuery瞄准孩子

时间:2015-11-02 13:01:28

标签: jquery html children

我想使用JQuery定位第二个<tr>和第二个<td>标记。我知道我可以给<td>标签一个类,只是针对那个,但我想这样做。这是我到目前为止所得到的:

$('#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>

3 个答案:

答案 0 :(得分:2)

这将是:

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

http://jsfiddle.net/kzwbkfz3/

答案 1 :(得分:1)

请考虑以下事项:

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

See it in action

  

详细信息::nth-child():eq()

答案 2 :(得分:0)

以上答案是正确的,但您也可以使用eq()

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

检查demo on jsFiddle