how eq(0) works with DOM

Question

Hi All,

I want to know in below case will the browser stop traversing the DOM after getting the first .myclass

   $(".myclass").eq(0)

Answer 1

No. In your example, the browser will fetch all the elements with class myclass. Then you apply a filter for the first element.

You might be able to call .end() after your .eq(0) to get the whole elements back.

You need the selector eq, like in the following example $(".myclass:eq(0)").

Answer 2

I don't believe so.

$(".myclass")

Will return a jQuery object that (behind the scenes) contains an array of all matching DOM elements.

You are then calling a method on that object to return the first element.

If you want to avoid this, you need your selector to only select one element. Take a look at the documentation for selectors:

http://docs.jquery.com/Selectors

Try this instead:

$(".myclass:first").eq(0)