Latest web development tutorials

jQuery recorrido - descendientes

Descendiente es un niño, nieto, bisnietos, y así sucesivamente.

Por jQuery, se recorre el árbol DOM para encontrar los elementos descendientes.


Recorrer el árbol DOM abajo

A continuación se muestran dos para recorrer el árbol DOM se establecen métodos de jQuery:

  • niños ()
  • find ()

jQuery niños (método)

método de los niños () devuelve el elemento seleccionado todos los elementos secundarios directos.

Este método sólo por un par recorrido del árbol DOM.

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

Ejemplos

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

Trate »

También puede utilizar el parámetro opcional para filtrar la búsqueda de los sub-elementos.

El siguiente ejemplo devuelve el nombre de la clase de "1" en todos los elementos <P>, y son <div> elementos secundarios directos:

Ejemplos

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

Trate »


jQuery hallazgo método ()

método find () devuelve los elementos descendientes elemento seleccionado, todo el camino hasta el último descendiente.

Las siguientes declaraciones de ejemplo pertenecen <div> <span> todos los descendientes elementos:

Ejemplos

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

Trate »

El ejemplo siguiente devuelve <div> todas las generaciones:

Ejemplos

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

Trate »