metoda closest() obiektu HTML DOM Element

definicja i użycie

najbliższy metoda przeszukuje elementy DOM w poszukiwaniu elementów pasujących do określonego selektora CSS.

najbliższy metoda zaczyna od samego elementu, a następnie jest przeszukiwana wstecz do przodka (rodzic, praprzodek, ...) aż do znalezienia dopasowania.

jeśli nie znaleziono dopasowania, to najbliższy metoda zwraca null.

patrz również:

pełny przewodnik selektorów CSS

metoda Element matches()

przykład

przykład 1

Znajdź najbliższy element, który pasuje do selektora CSS ".container":

const element = document.getElementById("myElement");
const najbliższy = element.najbliższy(".container");

spróbuj sam

przykład 2

Znajdź najbliższy element, który pasuje do ".container" lub ".wrapper":

const element = document.getElementById(".container, .wrapper");
const najbliższy = element.najbliższy(".container");

spróbuj sam

gramatyka

element.najbliższy(selektory)

parametr

parametr opis
selektory

wymagane. Jedna lub kilka (rozdzielonych przecinkami) CSS selektorów do dopasowania.

proszę zobacz nasz pełny Przeglądarka selektorów CSS.

zwrócona wartość

typ opis
obiekt

najbliższy element przodka lub element sam, który pasuje do określonego selektora CSS.

jeśli nie znaleziono dopasowania, zwraca null.

jeśli selektor jest niewłaściwy, wywołuje wyjątek SYNTAX_ERR.

obsługa przeglądarki

pierwszy w pełni wspierający najbliższy wersja przeglądarki metody:

Chrome Edge Firefox Safari Opera
Chrome
41
Edge
15
Firefox
35
Safari
9
Opera
28
Marzec 2015 roku kwiecień 2017 roku styczeń 2015 roku październik 2015 roku Marzec 2015 roku