选择器选择第三个列表项?

时间:2010-03-23 16:26:42

标签: jquery jquery-selectors

假设这样的HTML标记:

<ul>
    <li>List item 1</li>
    <li>List item 2</li>
    <li>List item 3</li><!-- I want to select only this -->
</ul>

是否可以仅选择无序列表元素中的第三个列表项?我一直在浏览jQuery文档,但我找不到任何可以做到这一点的选择器。

3 个答案:

答案 0 :(得分:14)

您可能想要使用nth-child selector

$('ul li:nth-child(3)')

答案 1 :(得分:4)

$("ul li:eq(2)") // 3rd item

http://api.jquery.com/eq-selector/

答案 2 :(得分:0)

你去吧

$('ul>li').each(function(i){
    if(i == 2)
    {
       //your code goes here

       return;
    } 
});

欢呼声