Selector to select the third item in the list?

Question

Suppose the HTML markup looks 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> 

Can I select only the third list item in an unordered list item? I was looking through jQuery documentation, but I cannot find any selector that could do this.

Answer 1

You can use nth-child selector

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

Answer 2

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

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

Answer 3

here you go

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

amuses