Como saber si un elemento está dentro de otro con jQuery

Name: Como saber si un elemento está dentro de otro con jQuery
Brand: Jose Aguilar
SKU: joseaguilarblog-3672
Availability: InStock
Rating: 5 (13 reviews)

En este artículo vamos a ver como comprobar si un elemento está dentro de otro con jQuery.

En el ejemplo que vamos a ilustrar vamos a tener un elemento o contenedor padre y varios contenedores dentro y vamos a comprobar si un elemento específico está dentro o no.

Para obtener esto deberemos añadir en el <head> de nuestra página lo siguiente:

<script type="text/javascript" src="../jquery.js"></script>
<script type="text/javascript">
$(document).ready(function() {
    $('#existe1').click(function(){
        if($('#padre1').find("#hijo13").length){
            alert('Si existe');
        }else{
            alert('No existe');
        }
    });
});
</script>

Al hacer click en el link con id=»existe1″ pasamos a comprobar o buscar el elemento o contenedor con id=»hijo13″ dentro del elemento con id=»padre1″.

Si existe mostramos la alerta «Si existe», en caso contrario «No existe».

En el HTML tendríamos:

<div id="padre1">
    <div id="hijo11">Hijo 1</div>
    <div id="hijo12">Hijo 2</div>
    <div id="hijo13">Hijo 3</div>
</div>
<a href="#" id="existe1">¿Existe el hijo 3 en el padre 1?</a>

Ver ejemplo en funcionamiento