<Metodi jQuery a movimento laterale
Esempio
Ritorna tutti gli elementi degli antenati di <span> :
$(document).ready(function(){
$("span").parents().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
La parents() restituisce tutti gli elementi antenati dell'elemento selezionato.
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 (<html>) .
Nota: Se il parametro di filtro è vuota, questa funzione seleziona tutti gli antenati di un insieme di elementi, dalla controllante diretta e tutta la strada fino a <body> e <html> . Pertanto, è spesso utile per passare un espressione selettore per restringere il risultato della ricerca.
Questo metodo è simile a closest() , in quanto entrambe attraversano l'albero DOM. Le differenze sono le seguenti:
parents()
- Inizia con l'elemento genitore
- Viaggia su la struttura DOM e restituisce tutti gli antenati che corrisponde all'espressione passata
- L'oggetto jQuery restituita contiene zero o più di un elemento
closest()
- Inizia con l'elemento corrente
- Viaggia su la struttura DOM e restituisce il primo antenato che corrisponde all'espressione passata
- L'oggetto jQuery restituita contiene zero o un elemento
Altri metodi correlati:
- parent() - restituisce l'elemento genitore diretta dell'elemento selezionato
- parentsUntil() - restituisce tutti gli elementi antenati tra due date argomenti
Sintassi
$(selector).parents( filter )| Parametro | Descrizione |
|---|---|
| class =filtro"notranslate" | Facoltativo. Specifica un'espressione selettore per restringere il campo di ricerca per gli antenati Nota: Per restituire più antenati, separare ogni espressione con una virgola. |
Provate voi stessi - Esempi
Affina la ricerca
Come utilizzare il parametro di filtro per restituire tutti gli antenati di <span> che sono <ul> elementi.
Restituire più antenati
Come utilizzare il parametro di filtro per restituire tutti gli antenati di <span> che sono <li> e <div> elementi.
Mostra gli antenati di un elemento di nomi dei tag
Una manifestazione che dimostra che gli antenati di un <span> elemento in realtà sono.