看看div是否包含具有特定类的另一个div？

Question

说我有：

<div class="outer">

<div class="foo bar"></div>

</div>

如何检查$('.outer')是否有一个div，其中包含一个名为“bar”的类？

Answer 1

使用:has选择器。

$('.outer:has(.bar)')

jsFiddle

这会选择bar类，outer祖先的所有元素。

如果您引用了使用$('.outer')选择的集合，则可以删除那些没有filter()和:has子元素的集合。

jsFiddle

如果您引用bar并想知道它是否有.outer祖先，您可以这样做......

!!$('.bar:first').closest('.outer').length

jsFiddle

Answer 2

if($("div.outer div.bar").length > 0){
    //code here
}

Answer 3

我只有一个outer课你可以做：

if($('.outer > .bar').length) {
   // contains the .foo div
}

Answer 4

儿童选择了

$('.outer').children('.bar').length > 0