JQuery select multiple classes

Question

I am trying to select elements that have certain classes.

following will only select classA:

 $('.holder').children('div[class*=classA]');

Divs can either have classA or classB and other classes as well together!

so it can be like this:

<div class="holder">
    <div class="classA"/>
    <div class="classA otherClass"/>
    <div class="classB"/>
    <div class="classB thirdClass"/>
    <div class="whatever"/>
</div>

How do I select all elements with classA and classB?

Have a look at this http://api.jquery.com/multiple-selector/ — Bobby Tables, May 18 '14 at 20:40
Also note a wildcard search like you demonstrate will expand to all matches, e.g., `div[class*=classA]` will match `.classA` and `classAB`. Probably not what you want. — Jared Farrish, May 18 '14 at 20:40
Simply calling children() without a selector argument will return all 4 elements. — mathewbergt, May 18 '14 at 20:45
@ mathewbergt That is true, but there can be other elements as well. I will edit the question now. — Toniq, May 18 '14 at 20:46

Jared Farrish · Accepted Answer · 2014-05-18T20:49:24.420

2

You want to use , (comma) to separate your selectors:

$('#holder').children('.classA, .classB, .thirdClass, .otherClass')

Demo:

http://jsfiddle.net/mEAFh/1

edited May 18 '14 at 20:49

answered May 18 '14 at 20:44

Jared Farrish

47,157
17
93
101

Make sure you are NOT using self closing div elements, otherwise this answer does not work. – mathewbergt May 18 '14 at 20:56
@mathewbergt - To be sure, the answer will continue to work, the *markup* will not. – Jared Farrish May 18 '14 at 20:58

score 1 · Answer 2 · answered May 18 '14 at 21:13

1

You can use the "find" function, on the $('#holder') object as

var myDivs = $('#holder').find('.classA, .classB')

Loop the object myDivs to get each individual div with the requested class.

answered May 18 '14 at 21:13

kostisalex

41
3

JQuery select multiple classes

2 Answers2