2 min de lectura

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

Compartir
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.

19 COMENTARIOS

  1. Hola, y que pasa si quiero obtener todos los nodos hijos sin importar de que etiqueta sea, digamos que dentro de ese div tengo esto algo, otro, y quiero obtener todos los elementos sin especificar la etiqueta ($(‘div.emphasis’).children(‘p’);)

DEJA UNA RESPUESTA

Please enter your comment!
Please enter your name here