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

Question

Я пытаюсь определить, есть ли у какого-либо из дочерних элементов в родительском div "gallery" класс "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.

Answer 1

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

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

Answer 2

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

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

Answer 3

Как насчет:

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