Проверьте, содержит ли родительский элемент определенный дочерний элемент, используя jQuery

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

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

Я хочу установить $('#another').hide(), но только если #example содержит дочерний элемент с именем #test, возможно ли это? Кажется, это было бы.

Ответы

Ответ 1

Используйте length

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

Ответ 2

Я думаю, что вы ищете следующее

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

Это может сработать, но не обязательно с головы.

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

Ответ 3

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

Ответ 4

Это довольно просто.

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

http://jsfiddle.net/8rrTp/

Ответ 5

Справочник jQuery предлагает использовать:

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

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