Podemos navegador por el DOM y encontrar a los padres, hijos y hermanos de cualquier nodo.
Veamos los ejemplos.
Padres
El padre de un elemento es aquel que se encuentra por encima pero que le engloba.
1
2
3
4
5
6
7
8
9
10
|
<div>
<p>Elemento1</p>
<p>Elemento2</p>
<p>Elemento3</p>
<span class="hijo">Otro</span>
<p>Elemento4</p>
</div>
//Obtener el padre del span con la clase hijo
$('span.hijo').parent();
|
Y eso nos devolvería al div.
Hijos directos
Los hijos son todos los elementos que estan por debajo de otro en el DOM, en otras palabras, todo lo que hay dentro de una etiqueta.
1
2
3
4
5
6
7
8
9
10
|
<div class="emphasis">
<p>Elemento1</p>
<p>Elemento2</p>
<p>Elemento3</p>
<span>Otro</span>
<p>Elemento4</p>
</div>
//Obtener los hijos directos "p" del div con la clase emphasis
$('div.emphasis').children('p');
|
Esto nos devolverá:
[Elemento1, Elemento2, Elemento3, Elemento4]
No hay comentarios. :
Publicar un comentario