HTML DOM Element closest() metoden

Definition och användning

closest() Metoden söker efter element i DOM-trädet som matchar den specifika CSS-väljaren.

closest() Metoden börjar från elementet själv och fortsätter med anor (förälder, farförälder, ...) tills en matchande post hittas.

Om ingen matchande post hittas, closest() Metoden returnerar null.

Se också:

Komplett CSS-väljare referenshandbok

Element matches() metoden

Exempel

Exempel 1

Hitta närmaste element som matchar CSS-väljaren ".container":

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

Prova själv

Exempel 2

Finna närmaste element som matchar ".container" eller ".wrapper":

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

Prova själv

Syntaks

element.closest(selectors)

Parameter

Parameter Beskrivning
selectors

Nödvändig. En eller flera (komma-separerade) att matcha CSS-väljare.

Se vår fullständiga CSS-väljare referenshandbok.

Returvärde

Typ Beskrivning
Objekt

Närmaste föräldrelementet eller elementet själv som matchar den specifika CSS-väljaren.

Om ingen matchande post hittas, returneras null.

Om väljaren är ogiltig, utlöser den en SYNTAX_ERR-undantag.

Webbläsarstöd

Första helt stödda closest() Metoden webbläsarversionen:

Chrome Edge Firefox Safari Opera
Chrome
41		 Edge
15		 Firefox
35		 Safari
9		 Opera
28
Mars 2015 2017 År 4 Månad 2015 År 1 Månad 2015 År 10 Månad Mars 2015