How do I retrieve the nth item returned by a jquery class selector?

Question

If I pick out a class with a jquery selector, like this: $(".listHeading") and it returns m elements from the DOM, how do I pick out the nth of the m elements via a selector? I found this post, but it is not quite right because it says to call .eq() which throws an error : jQuery nth item of id/class

Answer 1

Just do

$(".listHeading")[n]

the order of the returned elements is the same as the order of their appearance in the DOM.

Answer 2

You can get the nth element with the following code:

$(".listHeading").get(n-1);

Be careful, it won't return a jQuery object. So if you want a jQuery object, use:

$($(".listHeading").get(n-1))

Answer 3

$(".listHeading").eq(n)

to get a jquery object or

$(".listHeading")[n]

to get a dom element.

Answer 4

To use a selector to pick the element, use the :eq(n) selector. It uses a zero based index, so for example to find the fourth element:

var el = $(".listHeading:eq(3)");