什么是正确的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>

我试图隐藏所有没有“contentItem”div的“list”类。所以它基本上采取这个

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

会隐藏所有但忽略其中包含“contentItem”元素的

这可以作为jquery选择器吗？

Answer 1

使用:not()和:has()

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

Fiddle Demo

Answer 2

您可以使用:not()和:has()伪选择器来完成任务。

尝试，

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

DEMO

Answer 3

您可以使用not()和has() selectors来执行此操作

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

演示：Fiddle

Answer 4

您可以使用以下选择器选择其中没有.list的{​​{1}}元素：

.contentItem

隐藏只需添加$(".list").not(":has(.contentItem)") $(".list:not(:has('.contentItem'))") ：

.hide()