Recorrido de jQuery - descendientes

Los descendientes son hijos, nietos, bisnietos, etc.

A través de jQuery, puede realizar búsquedas hacia abajo en el árbol DOM para encontrar descendientes de elementos.

Búsqueda hacia abajo en el árbol DOM

Aquí hay dos métodos de jQuery para realizar búsquedas hacia abajo en el árbol DOM:

  • children()
  • find()

Método children() de jQuery

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

Este método solo realiza una búsqueda hacia abajo en el árbol DOM.

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

Ejemplo

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

Pruebe usted mismo

También puede usar parámetros opcionales para filtrar la búsqueda de elementos hijos.

El siguiente ejemplo devuelve todos los elementos <p> con la clase "1", y que son elementos directos de <div>:

Ejemplo

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

Pruebe usted mismo

Método find() de jQuery

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

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

Ejemplo

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

Pruebe usted mismo

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

Ejemplo

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

Pruebe usted mismo

Manual de Referencia de Búsqueda de jQuery

Para obtener información sobre todos los métodos de búsqueda de jQuery, por favor visite nuestra Manual de Referencia de Búsqueda de jQuery.