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>