Check if parent element contains certain child element using jQuery

Question

  



Blah

I want to set $(\'#

Answer 1

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

Answer 2

Use length

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

Answer 3

it's pretty simple.

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

http://jsfiddle.net/8rrTp/

Answer 4

jQuery manual suggests to use:

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

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

Answer 5

I think what you are looking for is the following

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

This might work as well, not sure off the top of my head.

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