Un discendente è un bambino, nipote, pronipote, e così via.
Con jQuery si può attraversare l'albero DOM di trovare discendenti di un elemento.
Attraversando l'albero DOM
Due metodi utili jQuery per attraversare l'albero DOM sono:
- children()
- find()
jQuery children() Metodo
Il children() restituisce tutti i figli diretti dell'elemento selezionato.
Questo metodo attraversare solo un singolo livello l'albero DOM.
Nell'esempio seguente vengono restituiti tutti gli elementi che sono figli diretti di ogni <div> elementi:
È inoltre possibile utilizzare un parametro opzionale per filtrare la ricerca per i bambini.
Nell'esempio seguente vengono restituiti tutti <p> elementi con il nome della classe "first" , che sono figli diretti di <div> :
jQuery find() Metodo
I find() metodo restituisce discendente elementi dell'elemento selezionato, tutta la strada fino all'ultimo discendente.
Nell'esempio seguente vengono restituiti tutti i <span> elementi che sono discendenti di <div> :
L'esempio seguente restituisce tutti i discendenti di <div> :
Mettiti alla prova con esercizi!
Esercizio 1 » Esercizio 2» Esercizio 3 » Esercizio 4»
jQuery di movimento di riferimento
Per una panoramica completa di tutti i metodi di jQuery a movimento laterale, si prega di visitare il nostro jQuery traslazione di riferimento .