Metode HTML DOM Element closest()

Definisi dan penggunaan

closest() Metode ini mencari elemen di pohon DOM yang cocok dengan pemilihan CSS yang ditentukan.

closest() Metode ini mulai dari elemen sendiri, kemudian nenek moyang (orang tua, nenek moyang, ...), hingga menemukan penemuan yang cocok.

Jika tidak ditemukan penemuan, maka closest() Metode ini mengembalikan null.

Lihat juga:

Panduan referensi pemilihan CSS lengkap

Metode Element matches()

Contoh

Contoh 1

Temukan elemen terdekat yang cocok dengan pemilihan CSS ".container":

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

Coba sendiri

Contoh 2

Cari elemen terdekat yang cocok dengan ".container" atau ".wrapper":

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

Coba sendiri

Sintaks

element.closest(selectors)

Parameter

Parameter Deskripsi
selectors

Diperlukan. Satu atau beberapa (dipisahkan koma) pemilihan CSS yang akan dicocokkan.

Lihat referensi lengkap kami Referensi Pemilihan Pustaka CSS.

Nilai kembalian

Tipe Deskripsi
Objek

Elemen nenek moyang terdekat yang cocok dengan pemilihan CSS spesifik atau elemen sendiri.

Jika tidak ditemukan penemuan, akan kembalikan null.

Jika pemilihan selector tidak valid, akan memicu eksepsi SYNTAX_ERR.

dukungan browser

yang sepenuhnya mendukung closest() Versi browser metode:

Chrome Edge Firefox Safari Opera
Chrome
41		 Edge
15		 Firefox
35		 Safari
9		 Opera
28
Maret 2015 April 2017 Januari 2015 Oktober 2015 Maret 2015