Padres, hijos y hermanos en jQuery

Cómo obtener padres e hijos en jQuery

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 y que le engloba.

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.

Esto nos devolverá:

[Elemento1, Elemento2, Elemento3, Elemento4]

 

Padres, abuelos, bisabuelos, tataranietos…

Podemos obtener a todos los padres que cumplan con una característica

Nos devolverá:

[ul.submenu, ul.menu]

 

Hijos, nietos, bisnietos, tataranietos…

Podemos obtener los elementos por debajo (hijos) sin importar si no son hijos directos

Esto nos devolverá:

[Elemento1, Elemento2, Elemento3, Párrafo dentro de otro, Elemento4]

Hermanos

Son los elementos que se encuentran al mismo nivel

Nos devuelve
[Subelemento2]

 

Para mas información puedes revisar el sitio de documentación oficial de jQuery

About Michelle Torres

Licenciada en Informática con Maestría en Tecnologías de la Información. Docente por convicción con trece años de experiencia, desarrolladora desde hace nueve años trabajando actualmente con desarrollo WEB para alta disponibilidad, además de ser consultor independiente y capacitador. Participe del movimiento del software libre como fiel apasionada, reconocida por su actividad en la comunidad y su participación en la inclusión.