jQuery nth item of id/class

Question

I'd like to use the id selector:

$("#id")

Is there a way to do this to only the nth element with that ID on the page? i.e.

$("#id:n")

IDs should be unique. You can use `:eq()` to select the element at index x — billyonecan, Mar 18 '13 at 16:11
Voting to reopen, because it's a very frequent error (it's possible there's an older QA which might be used, though). — Denys Séguret, Jun 02 '16 at 08:29

Denys Séguret · Accepted Answer · 2013-03-18T16:38:34.100

39

There can be only ONE element with a given id in a page.

There must not be multiple elements in a document that have the same id value.

Now suppose you want to get the nth element with a given class in your page, you may use eq :

$('.myclass').eq(index)

edited Mar 18 '13 at 16:38

answered Mar 18 '13 at 16:11

Denys Séguret

2

Technically if you want the nth element, you select the n-1 with eq() since it's zero-based. – j08691 Mar 18 '13 at 16:36
@j08691 Yes. I edited (please let your comment in case it's not clear for OP). In fact what is wrong isn't the code but the sentence as it's probable OP wanted in fact the element of index n. – Denys Séguret Mar 18 '13 at 16:38

score 6 · Answer 2 · answered Mar 18 '13 at 16:11

6

You can do like this:

$("#id:eq(n)")

But like @dystroy answer, it should be only 1 id in a page so you better using class.

answered Mar 18 '13 at 16:11

Eli

score 4 · Answer 3 · answered Mar 18 '13 at 16:12

4

You can use the :eq(n) selector fetch the n-th item, but id should be unique.

You should use the class attribute to group similar elements.

answered Mar 18 '13 at 16:12

Arun P Johny

3 Answers3