jQuery Traversing - Discendenti

Con jQuery puoi attraversare l'albero DOM per trovare i discendenti di un elemento.

Un discendente è un figlio, un nipote, un pronipote e così via.

Attraversando l'albero DOM

Due utili metodi jQuery per attraversare l'albero DOM sono:

Il children()metodo restituisce tutti i figli diretti dell'elemento selezionato.

Questo metodo attraversa solo un singolo livello nell'albero DOM.

L'esempio seguente restituisce tutti gli elementi che sono figli diretti di ogni <div>elemento:

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

Puoi anche utilizzare un parametro facoltativo per filtrare la ricerca di bambini.

L'esempio seguente restituisce tutti <p>gli elementi con il nome della classe "first", che sono figli diretti di <div>:

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

Il find()metodo restituisce elementi discendenti dell'elemento selezionato, fino all'ultimo discendente.

L'esempio seguente restituisce tutti <span>gli elementi che sono discendenti di <div>:

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

L'esempio seguente restituisce tutti i discendenti di <div>:

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

Per una panoramica completa di tutti i metodi di jQuery Traversing, vai al nostro jQuery Traversing Reference .