HTML DOM Element closest() metode

Definition og brug

closest() Metoden søger efter elementer i DOM-træet, der matcher den angivne CSS-selektor.

closest() Metoden starter fra elementet selv og går op gennem arvinger (forældre, grandparent, ...) indtil der findes en match.

Hvis der ikke findes nogen match, closest() Metoden returnerer null.

Se også:

Komplet CSS-selektor referencehåndbog

Element matches() metoden

Eksempel

Eksempel 1

Find den nærmeste element, der matcher CSS-selektoren ".container":

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

Prøv det selv

Eksempel 2

Find den nærmeste element, der matcher ".container" eller ".wrapper":

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

Prøv det selv

Syntax

element.closest(selectors)

Parameter

Parameter Beskrivelse
selectors

Obligatorisk. En eller flere (kommaadskilte) CSS-selektorer, der skal matche.

Se vores fulde CSS vælger referencerhåndbog.

Returværdi

Type Beskrivelse
Objekt

Den nærmeste avancerede forælder eller element selv, der matcher den angivne CSS-selektor.

Hvis der ikke findes nogen match, returneres null.

Hvis udtrykket er ugyldigt, udløses SYNTAX_ERR-undtagelse.

browser support

første fuldt støttede closest() Metoden browsers version:

Chrome Edge Firefox Safari Opera
Chrome
41		 Edge
15		 Firefox
35		 Safari
9		 Opera
28
Marts 2015 2017 årgang 4 2015 årgang 1 2015 årgang 10 Marts 2015