obtener - Verifica si el elemento padre contiene cierto elemento hijo usando jQuery

seleccionar elementos jquery

Question

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

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

Quiero establecer $(''#another'').hide() pero solo si #example contiene un elemento hijo llamado #test , ¿es esto posible? Parece que lo sería.

Answer 1

Creo que lo que buscas es lo siguiente.

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

Esto también podría funcionar, no estoy seguro de la parte superior de mi cabeza.

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

Answer 2

El manual de jQuery sugiere usar:

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

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

Answer 3

Usar length

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

Answer 4

es bastante simple

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

http://jsfiddle.net/8rrTp/

Answer 5

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