Jeśli element nadrzędny nie zawiera określonego elementu potomnego; jQuery

Question

<div class="test"> 
<div class="example"></div> 
</div> 

<div class="test"> 
</div> 

Jak zastosować jQuery do elementu z klasą test tylko wtedy, gdy nie zawiera elementu podrzędnego z klasą example?

Answer 1

$('.test:not(:has(.example))') 

-lub-

$('.test').not(':has(.example)') 

Answer 2

Można użyć metody children z ".example" i testu, jeśli jest pusty

Answer 3

jQuery :

jQuery.contains(document.documentElement, document.body); // true 
jQuery.contains(document.body, document.documentElement); // false 

Answer 4

Ewentualnie

$('.test').filter(function() { return !$(this).children('.example').length; }); 

ten odfiltrowuje wszelkie elementy, które mają każde dziecko pasujące do .example. Jeśli chcesz filtrować na podstawie potomków (nie tylko dzieci), możesz zastąpić .find dla .children.

Answer 5

$('.test').each(function() { 
    if(!$(this).children().hasClass("example")){ 
     //your code 
    } 
}); 

Może tak? Nie testowałem tego ...

Answer 6

$(':not(.test:has(.example))').css('color', 'red');​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​ 

http://jsfiddle.net/DZZUZ/2/

Answer 7

Problem ten wydaje się gotowy do pełnienia funkcji filter gdzie można znaleźć wszystkie .test Obiekty, a następnie podczas filtrowania zachowują tylko te, które nie mają w sobie .example:

$(".test").filter(function() { 
    return($(this).find(".example").length == 0); 
}); 

Answer 8

if ($('#yourDiv').children().hasClass("className")) { 
    // yourDivID' has any children whose class name =>'className' 
}