Si el elemento padre no contiene cierto elemento hijo; jQuery

Question

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

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

¿Cómo puedo aplicar jQuery a un elemento con la clase test solo si no contiene un elemento hijo con la clase example?

Answer 1

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

-o-

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

Answer 2

podría utilizar el método children con ".ejemplo" y prueba si está vacío

Answer 3

jQuery :

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

Answer 4

Posiblemente

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

Esta filtra cualquier elementos que tienen cualquier niño que coincida con .example. Si desea filtrar en función de los descendientes (no solo los niños), puede sustituir .find por .children.

Answer 5

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

¿Te gusta? No he probado esto ...

Answer 6

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

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

Answer 7

Este problema parece ya preparado para la función filter donde encontrará toda la .test objetos y luego al filtrar conservar solo los que no tienen .example en ellos:

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

Answer 8

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