使用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

jQuery手册建议使用：

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

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

Answer 5

非常简单。

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

http://jsfiddle.net/8rrTp/