How can I select an element which does not contain a certain child element?

Question

How can I apply jQuery

Answer 1

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

-or-

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

Answer 2

Possibly

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

This filters out any elements that have any child that matches .example. If you want to filter based on descendants (not just children) that you can substitute .find for .children.

Answer 3

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

http://jsfiddle.net/9fkz7y1g/

Answer 4

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

Answer 5

jQuery contains():

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

Answer 6

This problem seems ready-made for the filter function where you find all the .test objects and then when filtering retain only the ones that don't have .example in them:

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