Comprobar si el elemento principal contiene cierto elemento secundario usando jQuery

Question

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

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

Quiero configurar $('#another').hide() pero sólo si #example contiene un elemento secundario denominado #test, es esto posible? Parece que sería.

Answer 1

Uso length

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

Answer 2

Creo que lo que busca es la siguiente

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

Esto podría funcionar tan bien, no está seguro de la parte superior de la cabeza.

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

Answer 3

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

Answer 4

es bastante simple.

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

http://jsfiddle.net/8rrTp/

Answer 5

manual de jQuery sugiere utilizar:

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

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