javascript - 特定の子要素を含まない要素を選択するにはどうすればよいですか?

Question

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

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

testクラスの子要素が含まれていない場合にのみ、クラスの要素にjQueryを適用するにはどうすればよいexampleですか?

score 46 · Accepted Answer

46

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

-また-

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

于 2012-04-16T03:24:31.033 に答える

score 5 · Accepted Answer

もしかして

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

これにより、一致する子を持つすべての要素が除外されます.example。(子だけでなく) 子孫に基づいてフィルタリングする場合は.find、.children.

score 3 · Accepted Answer

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

score 2 · Accepted Answer

filterこの問題は、すべてのオブジェクトを検索し、.testフィルタリング時にオブジェクトに含まれていないオブジェクトのみを保持する関数に対しては既成のようです.example。

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

score 2 · Accepted Answer

jQuery contains():

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

score 1 · Accepted Answer

1

于 2012-04-16T03:07:17.740 に答える

score 1 · Accepted Answer

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

もしかしてこんな？私はこれをテストしていません...

8 に答える 8