Loading...

Search jQuery

Search

jQuery Forum

selectors: how to replace :eq with .eq()

in Using jQuery • 6 years ago

I am trying to switch from `:eq()` to `.eq()`, for two reasons:

1) I find it easier to read, especially in my case where calculations are used to compute the index

2) jQuery docs saying:

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.

However, I'm not sure how to re-write this selector (the h1 at the end is what gets me confused):

$(".productsList .product:eq(" + ($i * 4 + $j - 1) + ") h1")

Any ideas?

Thanks

1

Replies(3)

jakecigar

Re: selectors: how to replace :eq with .eq()

6 years ago

You won’t save any time with that micro optimization. .eq() has to be executed as well.

You might save a fraction of a millisecond if you use:the :nth-of-type or :nth-child selectors.

$(".productsList .product").eq( ($I * 4 + $j - 1).find(" h1")

Might give you the same results, But, it’s not worth it.

JΛ̊KE

Re: selectors: how to replace :eq with .eq()

6 years ago

Thanks Jake,

Well, that's what the jQuery docs say, they specifically mention replacing :eq with .eq

Thanks for the solution, I didn't think of that.

jakecigar

Re: selectors: how to replace :eq with .eq()

6 years ago

Micro efficiency is the LAST thing to worry about, and only then when you are doing things in tight loops, and the users/bosses are complaining.

JΛ̊KE