How to get a specific jQuery item from a list of items?

Question

I have this:

<ul>
    <li>first</li>
    <li>second</li>
    <li>third</li>
    <li>fourth</li>
</ul>

Then I select it all with jQuery: $('ul').find('li'); or $('ul li');

How can I, from those two jQuery selectors get the, for instance only second li, or third, and to leave first and fourt alone?

I thought it might work with:

$('myselector').get(indexNumber); // however, it won't work.

Any ideas for this issue? Thanks.

What doesn't work? That is correct. In fact that is almost the exact example on jquery's page? http://api.jquery.com/get/ — , Sep 22 '11 at 12:08
my example: $('li').get(0).show(); ? returns that it's not a function at all. — , Sep 22 '11 at 12:09

score 22 · Accepted Answer · answered Sep 22 '11 at 12:10

22

The get method returns the DOM element, so then you would have to wrap it inside a new jQuery object.

You can use the eq method:

var j = $('ul li').eq(1); // gets the second list item

answered Sep 22 '11 at 12:10

Guffa

thanks, works perfectly with eq function, or in jQuery selector argument ;) thanks! – Sep 22 '11 at 12:12

score 4 · Answer 2 · answered Sep 22 '11 at 12:09

4

Use :eq() Selector. For for example, for second element use:

 $("ul li:eq(1)");

answered Sep 22 '11 at 12:09

Andrius

score 1 · Answer 3 · answered Sep 22 '11 at 12:08

1

I would try:

$("ul li:nth-child(2)")

answered Sep 22 '11 at 12:08

Manuel van Rijn

score 1 · Answer 4 · answered Sep 22 '11 at 12:12

1

$('li').get(0) will return plain DOM element. you cannot call jQuery methods on same.

answered Sep 22 '11 at 12:12

Chetan

thank you for the tip man, I didn't know it before man. thanks man! – Sep 22 '11 at 12:16

score 0 · Answer 5 · answered Sep 22 '11 at 12:10

0

you can use nth-child

$("ul li:nth-child(2)") //this will select second child because it is 1 based index

answered Sep 22 '11 at 12:10

Rafay

5 Answers5