什么是正确的jquery选择器,以基于该div内的内容获取div的所有实例？

Question

我有以下html:

<div class="list">
 <div class="sortable">
        <div class="contentItem"> Some content </div>
        <div class="contentItem"> Some content </div>
        <div class="contentItem"> Some content </div>
 </div>
</div>

<div class="list">
 <div class="sortable">
 </div>
</div>

<div class="list">
 <div class="sortable">
        <div class="contentItem"> Some content </div>
        <div class="contentItem"> Some content </div>
        <div class="contentItem"> Some content </div>
 </div>
 </div>

 <div class="list">
 <div class="sortable">
 </div>
 </div>

我试图隐藏所有"list"类,其中没有任何"contentItem"div.所以它基本上采取了这个

 $(".list").hide();   

这将隐藏所有但忽略其中包含"contentItem"元素的那些

这可以作为jquery选择器吗？

Answer 1

使用:not()和 :has()

$(".list:not(:has('.contentItem'))").hide(); 

Fiddle Demo