Metodo closest() dell'Elemento HTML DOM

Definizione e uso

closest() Il metodo cerca gli elementi nel DOM che corrispondono al selettore CSS specificato.

closest() Il metodo parte dall'elemento stesso e poi sono gli antenati (padre, antenato, ...), fino a trovare l'elemento corrispondente.

Se non viene trovato alcun elemento corrispondente, allora closest() Il metodo restituisce null.

Vedi anche:

Manuale completo dei selettori CSS

Metodo Element matches()

Esempio

Esempio 1

Trova l'elemento più vicino che corrisponde al selettore CSS ".container":

const element = document.getElementById("myElement");
const closest = element.closest(".container");

Prova personalmente

Esempio 2

Trova l'elemento più vicino che corrisponde a ".container" o ".wrapper":

const element = document.getElementById(".container, .wrapper");
const closest = element.closest(".container");

Prova personalmente

Sintassi

element.closest(selectors)

Parametro

Parametro Descrizione
selectors

Obbligatorio. Un o più (separati da virgola) selettori CSS da abbinare.

Vedere la nostra guida completa Manuale di riferimento dei selettori CSS.

Valore di ritorno

Tipo Descrizione
Oggetto

L'elemento antenato più vicino o l'elemento stesso che corrisponde al selettore CSS specificato.

Se non viene trovato alcun elemento corrispondente, viene restituito null.

Se il selettore è invalido, viene sollevata un'eccezione SYNTAX_ERR.

Supporto del browser

Primo browser a supportare completamente closest() Versione del browser del metodo:

Chrome Edge Firefox Safari Opera
Chrome
41		 Edge
15		 Firefox
35		 Safari
9		 Opera
28
Marzo 2015 Aprile 2017 Gennaio 2015 Ottobre 2015 Marzo 2015