Select the Nth item from a jQuery array or object list of elements [duplicate]

Question

Possible Duplicate:
How to get nth jQuery element
Get an element by index in jquery

What is the jQuery equivalent of the square brackets [ ] indexing notation for selecting the Nth item from an array?

Say you have 10 paragraphs and want to get the contents of the 7th one. Using square bracket notation works, but not if you want to keep using jQuery:

$("p")[6];        //returns DOM object: [object HTMLParagraphElement]
$("p")[6].html(); //returns error: (Chrome:) Uncaught TypeError: Object #<HTMLParagraphElement> has no method 'html' (Firefox:) TypeError: $("p")[6].html is not a function (IE8+:) TypeError: Object doesn't support this property or method (IE7:) [object Error]

(jsfiddle example)

I'm sure this has been asked many times before. Why add another question and answer? — user1106925
– user1106925, Commented Jul 24, 2012 at 20:01
@Wirey: blog.stackoverflow.com/2011/07/… @ am no i am: I just spent a good amount of time trying to figure this out and many searches to stack overflow didn't bring up a question that answered this directly. — brentonstrine
– brentonstrine, Commented Jul 24, 2012 at 20:02
possible duplicate of Get an element by index in jquery or this... How to get a specific jQuery item from a list of items? — user1106925
– user1106925, Commented Jul 24, 2012 at 20:03
but this isn't anything new, this question has been asked and answered many many times before. It's not like you are providing the community some new, novel information, you're just wasting time and space — MrOBrian
– MrOBrian, Commented Jul 24, 2012 at 20:04

brentonstrine · Accepted Answer · 2012-07-24 19:57:57Z

2

Square bracket [n] index notation works but you get the native Javascript DOM object, not something that jQuery can work with. Use jQuery's .eq() method or the :eq() selector to get a jQuery object.

$("p").eq(6).html();
$("p:eq(6)").html();

(jsfiddle example)

answered Jul 24, 2012 at 19:57

brentonstrine

23k25 gold badges81 silver badges122 bronze badges

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

Collectives™ on Stack Overflow

Select the Nth item from a jQuery array or object list of elements [duplicate]

1 Answer 1

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Linked

Related