Accessing selected values like an Array in JavaScript

Question

I know you can access the first element like this $(".myClass:first")

But is there a way to do it with an index like in JavaScript .getElementsbyClassname("MyClass").[0]?

Something like:
$(".MyClass:[5]")

score 5 · Accepted Answer · 2014-02-17 18:14:04Z

5

I personally use this.

$(".myClass").eq(index);

Also you can get the element index among the matched elements here. For example:

$(".myClass").click(function(){
    $(this).index();
});

edited Feb 17, 2014 at 18:14

answered Feb 17, 2014 at 18:05

user2571870

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

1 Comment

Ram Over a year ago

"get the element index among the matched elements"? $(".myClass").index(this).

Paulo Lima · Accepted Answer · 2014-02-17 18:04:52Z

3

yes there just use the selector "eq"

$(".MyClass:eq(5)")

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

answered Feb 17, 2014 at 18:04

Paulo Lima

1,2388 silver badges8 bronze badges

1 Comment

James Montagne Over a year ago

I always like to point out this note from the documentation when mentioning :eq: "Because :eq() is a jQuery extension and not part of the CSS specification, queries using :eq() cannot take advantage of the performance boost provided by the native DOM querySelectorAll() method. For better performance in modern browsers, use $("your-pure-css-selector").eq(index) instead."

Tushar Gupta - curioustushar · Accepted Answer · 2014-02-17 18:04:52Z

1

$(".MyClass:nth-child(5)")

:nth-child()

answered Feb 17, 2014 at 18:04

Tushar Gupta - curioustushar

57.2k24 gold badges106 silver badges110 bronze badges

2 Comments

Matt Burland Over a year ago

One important difference between nth-child and the eq selector is the nth-child is 1-based whereas eq is 0-based.

ps2goat Over a year ago

nth-child also does not work with all browsers that a company may be trying to support, e.g., corporate customers who don't upgrade IE versions quickly.

Jason P · Accepted Answer · 2014-02-17 18:05:49Z

1

These will give you a jQuery object containing the element at that index:

$(".MyClass:eq(5)")
$(".MyClass:eq(" + idx + ")")
$(".MyClass").eq(idx);

This will give you the element at the index:

$(".MyClass")[idx]
$(".MyClass").get(idx)

answered Feb 17, 2014 at 18:05

Jason P

27k3 gold badges34 silver badges45 bronze badges

Collectives™ on Stack Overflow

Accessing selected values like an Array in JavaScript

4 Answers 4

1 Comment

1 Comment

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

1 Comment

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related