Un antenato è un genitore, nonno, bisnonno, e così via.
Con jQuery si può attraversare l'albero DOM di trovare gli antenati di un elemento.
Attraversando l'albero DOM
Tre metodi utili jQuery per attraversare l'albero DOM sono:
- parent()
- parents()
- parentsUntil()
jQuery parent() metodo
Il parent() restituisce l'elemento principale diretta dell'elemento selezionato.
Questo metodo attraversare solo un singolo livello l'albero DOM.
L'esempio seguente restituisce l'elemento controllante diretta di ogni <span> elementi:
jQuery parents() Metodo
La parents() restituisce tutti gli elementi antenati dell'elemento selezionato, tutta la strada fino a elemento radice del documento (<html>) .
Nell'esempio seguente vengono restituiti tutti gli antenati di tutti i <span> elementi:
È inoltre possibile utilizzare un parametro opzionale per filtrare la ricerca di antenati.
Nell'esempio seguente vengono restituiti tutti gli antenati di tutti i <span> elementi che sono <ul> elementi:
jQuery parentsUntil() Metodo
Il parentsUntil() restituisce tutti gli elementi antenati tra due date argomenti.
Nell'esempio seguente vengono restituiti tutti gli elementi antenati tra un <span> e <div> elemento:
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 .