使用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();
}

应该使用DOM元素作为参数调用'contains'而不是jQuery对象吗？http://api.jquery.com/jQuery.contains/ (4认同)

Answer 3

jQuery 手册建议使用：

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