Si l'élément parent ne contient pas un certain élément enfant; jQuery

Question

Si l'élément parent ne contient pas un certain élément enfant; jQuery

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

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

Comment appliquer jQuery à un élément de la classe test seulement s'il ne contient pas un élément enfant de la classe example ?

15

javascript jquery

demandé sur UserIsCorrupt 2012-04-16 07:03:53

8 réponses

score 32 · Answer 1

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

-ou-

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

32

répondu vol7ron 2012-04-16 03:24:31

score 4 · Answer 2

possible

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

cela filtre tous les éléments qui ont un enfant qui correspond à .example . Si vous voulez filtrer basé sur les descendants (pas seulement les enfants) que vous pouvez remplacer .find par .children .

score 2 · Answer 3

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

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

score 2 · Answer 4

ce problème semble prêt pour la fonction filter où vous trouverez tous les objets .test et puis lors du filtrage ne retiennent que ceux qui n'ont pas .example en eux:

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

score 1 · Answer 5

, Vous pouvez utiliser la méthode enfants avec ".exemple "et tester s'il est vide

score 1 · Answer 6

jQuery contains() :

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

score 1 · Answer 7

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

peut-être comme ça? Je n'ai pas testé cette...

score -1 · Answer 8

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

Las etiquetas más populares

Si l'élément parent ne contient pas un certain élément enfant; jQuery

8 réponses