jQuery Recorrido -Descendientes

Los descendientes son hijos, nietos, bisnietos, etc.

Con jQuery, puede recorrer hacia abajo el árbol DOM para encontrar los descendientes de un elemento.

Recorrido hacia abajo del árbol DOM

A continuación se presentan dos métodos de jQuery para recorrer hacia abajo el árbol DOM:

El método children() devuelve todos los elementos hijos directos del elemento seleccionado.

Este método solo recorre un nivel hacia abajo en el árbol DOM.

El siguiente ejemplo devuelve todos los elementos hijos directos de cada elemento <div>:

$(document).ready(function(){ $("div").children(); });

También puede utilizar un parámetro opcional para filtrar la búsqueda de elementos hijos.

El siguiente ejemplo devuelve todos los elementos <p> con el nombre de clase "1", que son hijos directos de un <div>:

$(document).ready(function(){ $("div").children("p.1"); });

El método find() devuelve los elementos descendientes del elemento seleccionado, recorriendo hacia abajo hasta el último descendiente.

El siguiente ejemplo devuelve todos los elementos <span> que son descendientes de un <div>:

$(document).ready(function(){ $("div").find("span"); });

El siguiente ejemplo devuelve todos los descendientes de <div>:

$(document).ready(function(){ $("div").find("*"); });

Otras extensiones