jQuery Traversing - Antenati
Con jQuery puoi attraversare l'albero DOM per trovare gli antenati di un elemento.
Un antenato è un genitore, un nonno, un bisnonno e così via.
Attraversare l'albero DOM
Tre utili metodi jQuery per attraversare l'albero DOM sono:
parent()parents()parentsUntil()
jQuery parent() Metodo
Il parent()metodo restituisce l'elemento padre diretto dell'elemento selezionato.
Questo metodo attraversa solo un singolo livello nell'albero DOM.
L'esempio seguente restituisce l'elemento padre diretto di ogni <span>
elemento:
Esempio
$(document).ready(function(){
$("span").parent();
});
jQuery genitori() Metodo
Il parents()metodo restituisce tutti gli elementi predecessori dell'elemento selezionato, fino all'elemento radice del documento ( <html>).
L'esempio seguente restituisce tutti gli antenati di tutti
<span>gli elementi:
Esempio
$(document).ready(function(){
$("span").parents();
});
Puoi anche utilizzare un parametro facoltativo per filtrare la ricerca degli antenati.
L'esempio seguente restituisce tutti i predecessori di tutti <span>gli elementi che sono <ul>
elementi:
Esempio
$(document).ready(function(){
$("span").parents("ul");
});
jQuery genitoriUntil() Metodo
Il parentsUntil()metodo restituisce tutti gli elementi predecessori tra due argomenti dati.
L'esempio seguente restituisce tutti gli elementi predecessori tra a <span>e un <div>elemento:
Esempio
$(document).ready(function(){
$("span").parentsUntil("div");
});
Esercizi jQuery
Riferimento per l'attraversamento di jQuery
Per una panoramica completa di tutti i metodi di jQuery Traversing, vai al nostro jQuery Traversing Reference .