Selector to select third list item?

Question

Suppose a HTML markup like this:

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

Would it be possible to select only the third list item in the unordered list element? I've been browsing the jQuery documentation but I can't find any selector that could do this.

Answer 1

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

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

Answer 2

You may want to use the nth-child selector

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

Answer 3

here you go

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

       return;
    } 
});

cheers