<Metodi jQuery a movimento laterale
Esempio
Ritorna il primo antenato del <span> , che è un <ul> elemento:
$(document).ready(function(){
$("span").closest("ul").css({"color": "red", "border": "2px
solid red"});
});
Risultato:
body (great-great-grandparent)
div (great-grandparent)
ul (second ancestor - second grandparent) ul (first ancestor -
first grandparent) - li (direct parent) span
Prova tu stesso " Definizione e utilizzo
Il closest() metodo restituisce il primo antenato dell'elemento selezionato.
Un antenato è un genitore, nonno, bisnonno, e così via.
L'albero DOM: Questo metodo traversata verso l'alto dall'elemento corrente, tutta la strada fino a elemento radice del documento (<html>) , per trovare il primo antenato di elementi DOM.
Questo metodo è simile a parents() , in quanto entrambi attraversano l'albero DOM. Le differenze sono le seguenti:
closest()
- Inizia con l'elemento corrente
- Viaggia su la struttura DOM e restituisce il primo antenato (singolo) che corrisponde all'espressione passata
- L'oggetto jQuery restituita contiene zero o un elemento
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
Altri metodi correlati:
- parent() - restituisce l'elemento genitore diretta dell'elemento selezionato
- parentsUntil() - restituisce tutti gli elementi antenati tra due date argomenti
Sintassi
Ritorna il primo antenato dell'elemento selezionato:
$(selector).closest( filter )Restituisce il primo antenato usando un contesto DOM per cercare l'albero DOM entro:
$(selector).closest( filter,context )| Parametro | Descrizione |
|---|---|
| filter | Richiesto. Specifica un'espressione del selettore, elemento o oggetto jQuery per restringere il campo di ricerca degli antenati |
| context | Facoltativo. Un elemento DOM entro il quale si può trovare un elemento corrispondente |
Provate voi stessi - Esempi
Restituisce il primo antenato del <span> , che è un <span> elemento
Poiché questo metodo inizia con l'elemento corrente, una ricerca per la prima <span> di <span> , tornerà <span> .
Passare in un elemento DOM come il contesto all'interno del quale per cercare il primo elemento predecessore
Usando entrambi i parametri da passare in un elemento DOM come il contesto all'interno del quale per la ricerca, per la prima <ul> elemento.