divに特定のクラスの別のdivが含まれているかどうかを確認しますか？

Question

は、私が持っていると言う：

<div class="outer"> 

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

</div> 

どのように私は$('.outer')が、その中に「バー」という名前のクラスを持つdiv要素を持っているかどうかを確認することができますか？

Answer 1

セレクタ:hasを使用してください。

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

jsFiddle。

これは、祖先outerを持つbarのクラスを持つすべての要素を選択します。

$('.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