Jquery find within an array of elements

Question

I have selected a bunch of li elements that meet a certain criteria like so:

var x = $('li[attribute="value"]');

Now rather than searching the dom again, I want to search x for an li tag that has a specific id. I could use a .each to search x but was wondering if there was a one line statement I could use.

something like this:

var myLi = x.find("[id=23]");

or is it faster to search the dom using the id tag. What if I wanted to search on a second attribute?

Please advise.

Thanks!

Edit

Please note that I want to change the properties of myLi (say make its background color red) so I need a ref to the element. thanks.

I'd say, go the easy way first (searching the DOM for the ID) and see if it has any impact. Do some profiling if you want to. If you search for another attribute, then yes, filtering the current list is better. — Felix Kling
– Felix Kling, Commented May 25, 2011 at 8:45

Hck · Accepted Answer · 2011-05-25 06:47:48Z

23

You can do so:

var myLi = x.filter('#23');

jquery.filter(): Reduce the set of matched elements to those that match the selector or pass the function's test.

answered May 25, 2011 at 6:47

Hck

9,2472 gold badges33 silver badges29 bronze badges

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

Comments

Jishnu A P · Accepted Answer · 2011-05-25 07:25:40Z

1

The following are the various ways in which you can get the element starting from the fastest

Profiled result

edited May 25, 2011 at 7:25

answered May 25, 2011 at 7:02

Jishnu A P

14.4k8 gold badges42 silver badges52 bronze badges

Collectives™ on Stack Overflow

Jquery find within an array of elements

Edit

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

Edit

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related