<Metodi jQuery a movimento laterale
Esempio
Ritorna tutti gli elementi antenati tra <span> e <div> :
$(document).ready(function(){
$("span").parentsUntil("div").css({"color": "red", "border": "2px
solid red"});
});
Risultato:
body (great-great-grandparent)
div (great-grandparent)
ul (grandparent)
- li (direct parent)
span
Prova tu stesso " Definizione e utilizzo
Il parentsUntil() restituisce tutti gli elementi antenati tra il selettore e l'arresto.
Un antenato è un genitore, nonno, bisnonno, e così via.
L'albero DOM: Questo metodo attraversare verso l'alto dall'elemento genitore lungo antenati degli elementi DOM, tutta la strada fino a elemento radice del documento, fino a raggiungere un elemento specifico.
Nota: se entrambi i parametri sono vuoti, questo metodo restituirà tutti gli elementi antenati (la stessa del parents() metodo).
metodi correlati:
- parent() - restituisce l'elemento genitore diretta dell'elemento selezionato
- parents() - restituisce tutti gli elementi antenati dell'elemento selezionato
- closest() - restituisce il primo antenato dell'elemento selezionato
Sintassi
$(selector).parentsUntil( stop,filter )| Parametro | Descrizione |
|---|---|
| stop | Facoltativo. Un'espressione selettore, elemento o oggetto jQuery che indica dove per interrompere la ricerca di corrispondenti elementi antenati |
| filter | Facoltativo. Specifica un'espressione selettore per restringere la ricerca di antenati tra selettore e stop Nota: Per restituire più antenati, separare ogni espressione con una virgola. |
Provate voi stessi - Esempi
Affina la ricerca
Come utilizzare entrambi i parametri per filtrare la ricerca di uno specifico elemento tra <span> e <div> .
Restituire più antenati
Come restituire più antenati tra <span> e <body> .
DOM
Ritorna tutti gli antenati tra <span> e <div> con un elemento DOM.
Utilizzando un elemento DOM e un'espressione selettore per filtrare la ricerca
Utilizzo di un elemento DOM per restringere il campo di ricerca degli antenati per <ul> elementi tra <span> e <div> .