Gli ultimi tutorial di sviluppo web
 

jQuery Attraversamento - Antenati


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:

Esempio

$(document).ready(function(){
    $("span").parent();
});
Prova tu stesso "

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:

Esempio

$(document).ready(function(){
    $("span").parents();
});
Prova tu stesso "

È 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:

Esempio

$(document).ready(function(){
    $("span").parents("ul");
});
Prova tu stesso "

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:

Esempio

$(document).ready(function(){
    $("span").parentsUntil("div");
});
Prova tu stesso "

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 .