jQuery metodo più vicino()
❮ Metodi di attraversamento jQuery
Esempio
Restituisce il primo antenato di <span>, ovvero un elemento <ul>:
$(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
Definizione e utilizzo
Il metodo più vicino() restituisce il primo antenato dell'elemento selezionato.
Un antenato è un genitore, un nonno, un bisnonno e così via.
L'albero DOM: questo metodo attraversa l'elemento corrente verso l'alto, fino all'elemento radice del documento (<html>), per trovare il primo antenato degli elementi DOM.
Questo metodo è simile aparent() , in quanto entrambi attraversano l'albero DOM. Le differenze sono le seguenti:
più vicina()
- Inizia con l'elemento corrente
- Percorre l'albero DOM e restituisce il primo (singolo) predecessore che corrisponde all'espressione passata
- L'oggetto jQuery restituito contiene zero o un elemento
genitori()
- Inizia con l'elemento padre
- Percorre l'albero DOM e restituisce tutti gli antenati che corrispondono all'espressione passata
- L'oggetto jQuery restituito contiene zero o più di un elemento
Altri metodi correlati:
- parent() - restituisce l'elemento padre diretto dell'elemento selezionato
- parentsUntil() - restituisce tutti gli elementi predecessori tra due argomenti dati
Sintassi
Restituisce il primo antenato dell'elemento selezionato:
$(selector).closest(filter)
Restituisce il primo antenato utilizzando un contesto DOM per cercare l'albero DOM all'interno di:
$(selector).closest(filter,context)
Parameter | Description |
---|---|
filter | Required. Specifies a selector expression, element or jQuery object to narrow down the ancestor search |
context | Optional. A DOM element within which a matching element may be found |
Provalo tu stesso - Esempi
Poiché questo metodo inizia con l'elemento corrente, una ricerca del primo <span> di <span> restituirà <span>.
Usando entrambi i parametri per passare un elemento DOM come contesto all'interno del quale cercare il primo elemento <ul>.
❮ Metodi di attraversamento jQuery