Как определить, имеют ли какие-либо дочерние элементы в родительском элементе определенный класс?

Я пытаюсь определить, есть ли какой-либо из поддисков в родительском "галерее" div класса "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');
}

Он не должен быть в формате if/else. Чтобы иметь возможность сделать это в цепочке jQuery, было бы лучше.

Ответ 1

Это должно сделать:

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

Ответ 2

если вы хотите сохранить возможность цепочки jQuery, используйте:

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

Ответ 3

Как насчет:

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