檢查父元素包含使用jQuery

Question

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

<div id="another">Blah</div> 

我想設置$('#another').hide()，但只有當#example包含一個名爲#test一個子元素一定的子元素，這可能嗎？它似乎是。

Answer 1

使用length

if ($('#example').find('#test').length) { 
    // found! 
} 

Answer 2

我想你正在尋找的是以下

if (jQuery.contains($('#example'), $('#test')) { 
    $('#another').hide(); 
} 

這可能工作爲好，不知道把我的頭頂部。

if ($('#test', $('#example')).size() > 0) { 
    $('#another').hide(); 
} 

Answer 3

<script> 
    var test = $('#example #test').length(); 
    if(test !== 0){ 
     $('#another').hide(); 
    } 
</script> 

Answer 4

這是很簡單的。

$(document).ready(function(){ 
    if($('#example').children('#test').length > 0) 
    { 
     $('#another').hide(); 
    } 
});​ 

http://jsfiddle.net/8rrTp/

Answer 5

jQuery的手動建議使用：

if ($('#parent').has('#child').length) { 
    //do something 
} 

http://api.jquery.com/has/