Если родительский элемент не содержит определенного дочернего элемента; jQuery

Question

Как применить jQuery к элементу с классом test только в том случае, если он не содержит дочерний элемент с классом example?

Answer 1

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

-или-

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

Answer 2

Вы можете использовать метод children с "строкой .EXAMPLE" и тестом, если он пуст

Answer 3

JQuery :

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

Answer 4

Возможно

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

Это отфильтровывает любые элементы, которые имеют любого ребенка, который соответствует .example. Если вы хотите отфильтровать на основе потомков (а не только детей), то вы можете заменить .find на .children.

Answer 5

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

Может быть, так? Я не проверял это ...

Answer 6

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

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

Answer 7

Эта проблема, кажется, готовые для функции filter, где вы найдете все .test объектов, а затем при фильтрации сохраняются только те, которые не имеют .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' 
}