How to detect if any child elements within a parent element has a certain class?

Question

I'm trying to detect if any of the sub-divs within the parent "gallery" div have a class of "show".

<div id="gallery">

<div class="show"></div>
<div></div>
<div></div>

</div>

if (TEST CONDITION) {
   alert('sub element with the class show found');
} else {
   alert('not found');
}

It doesn't have to be in a if/else format. To be able to do this in a jQuery chainning sort of way would be better.

score 23 · Accepted Answer · answered Apr 30 '11 at 22:03

23

This should do:

if ($("#gallery > div.show").length > 0)

answered Apr 30 '11 at 22:03

Xion

22,400
10
55
79

+1, although you could omit the comparison, since it appears that `0` will equate to `false` anyway. – David Thomas Apr 30 '11 at 22:05
2

That's fair enough, and is, and depends entirely upon, personal preference. :) – David Thomas Apr 30 '11 at 22:08

score 9 · Answer 2 · answered Feb 08 '13 at 11:28

9

if you wish to keep jQuery chaining capability, use:

$("#gallery").has(".show").css("background","red"); //For example..

answered Feb 08 '13 at 11:28

Valéry

344
2
6

score 7 · Answer 3 · answered Apr 30 '11 at 22:07

7

How about:

$("#gallery div").each(function (index, element) {
if($(element).hasClass("show")) {
//do your stuff
}
});

answered Apr 30 '11 at 22:07

Thomas Shields

8,874
5
42
77

How to detect if any child elements within a parent element has a certain class?

3 Answers3

Linked