Get element from selector given an index with jQuery

Question

var items = $(".myClass");

The code above returns a number of items when used to select all elements. How can I select a specific element, for example the second one? Neither items(2) nor items[2] works.

Yarin · Accepted Answer · 2011-03-08 18:42:23Z

13

Try this:

items.eq(2) // gets the third element as a jQuery object (zero-based index)

Source: http://docs.jquery.com/Traversing/eq#index

edited Mar 8, 2011 at 18:42

Yarin

186k156 gold badges414 silver badges527 bronze badges

answered Nov 25, 2009 at 14:23

mbillard

39k18 gold badges76 silver badges98 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Andy McCluggage Over a year ago

+1 Because I always use items.get(2) and I didn't know about this method. Does anyone know the difference?

mbillard Over a year ago

@Andy: get(#) and [#] are the same and return the DOM element while eq(#) returns the jQuery object which wraps the DOM element.

Question Mark · Accepted Answer · 2009-11-25 14:24:22Z

0

arrays are zero based so you need items[1] for the second one

answered Nov 25, 2009 at 14:24

Question Mark

3,6261 gold badge27 silver badges30 bronze badges

Comments

Ondrej Slinták · Accepted Answer · 2009-11-25 14:25:39Z

0

2nd item would be items[ 1 ] in your case. Also the code you've provided works perfectly for me (with items[ 1 ]).

answered Nov 25, 2009 at 14:25

Ondrej Slinták

32.1k21 gold badges97 silver badges127 bronze badges

Comments

gg. · Accepted Answer · 2009-11-25 14:26:27Z

0

try

var items = $(".myClass"); alert($(items)[1]);

answered Nov 25, 2009 at 14:26

gg.

6583 silver badges14 bronze badges

Collectives™ on Stack Overflow

Get element from selector given an index with jQuery

4 Answers 4

2 Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

2 Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related