Se l'elemento genitore non contiene un determinato elemento figlio; jQuery

Question

Come posso applicare jQuery a un elemento con la classe test solo se non contiene un elemento figlio con la classe example?

Answer 1

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

oppure

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

Answer 2

è possibile utilizzare il metodo children con ".example" e verificare se è vuota

Answer 3

jQuery :

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

Answer 4

Possibilmente

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

Questo filtra qualsiasi elementi che hanno qualsiasi bambino che corrisponde a .example. Se si desidera filtrare in base ai discendenti (non solo ai bambini), è possibile sostituire .find per .children.

Answer 5

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

Forse in questo modo? Non ho ancora testato questo ...

Answer 6

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

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

Answer 7

Questo problema sembra ready-made per la funzione filter dove trovare tutte le .test oggetti e quindi quando filtrano conservano solo quelli che non hanno .example in loro:

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

Answer 8

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