how to iterate through the selectors with jquery?

Question

Suppose, I have multiple selectors used

$('.some, .next, .any, .way, .myname, .something')

and now if I would like to change each background when one background is changed, so I'm wondering how can I iterate all selectors using likely to this: $(this).each() but I know this will not work coz this will take currently selected each elements but I would like to do all the selectors in my selectors used.

Denys Séguret · Accepted Answer · 2013-11-06 08:05:37Z

3

If you really need to do it :

var o = $('.some, .next, .any, .way, .myname, .something');
$.each(o.selector.split(/,\s*/), function(s){
    var os = o.filter(s); // or $(s)
    ...
});

Not that this simple solution wouldn't work for any selector, a parsing would be needed if you really want to support them all (but it's probable you don't have commas in your elements id ;) ).

edited Nov 6, 2013 at 8:05

answered Nov 6, 2013 at 7:41

Denys Séguret

384k90 gold badges813 silver badges780 bronze badges

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

2 Comments

Bhojendra Rauniyar Over a year ago

n can u explain about filter(s) , i din't understand that...!

Denys Séguret Over a year ago

In the loop, s is a simple selector. You may indifferently use $(s) or o.filter(s). In case of simple selectors based on classes or id, $(s) would be faster. If the selectors are heavy and the elements few, using o.filter(s) would avoid a global search, by looking only in o.

Collectives™ on Stack Overflow

how to iterate through the selectors with jquery?

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related