HTML DOM Element closest() yöntemi

Tanım ve Kullanım

closest() Yöntem, belirtilen CSS seçicisi ile eşleşen elementleri DOM ağacında arar.

closest() Yöntem, element kendisinden başlayarak, ata (baba, büyük atası, ...) ile devam ederek, eşleşen bir bulgu bulunana kadar DOM ağacında arama yapar.

döndürür closest() Yöntem, eşleşen bir bulgu bulunamazsa null.

Ayrıca bakınız:

Tamamı CSS seçicisi referans el kitabı

Element matches() yöntemi

Örnek

Örnek 1

CSS seçicisi ".container" ile eşleşen en yakın elementi bulun:

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

Kişisel olarak deneyin

Örnek 2

".container" veya ".wrapper" ile eşleşen en yakın elementi bulun:

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

Kişisel olarak deneyin

Grami

element.closest(selectors)

Parametre

Parametre Tanım
selectors

Gerekli. Bir veya daha fazla (virgülle ayrılmış) eşleşecek CSS seçicisi.

Tamamen referansımızı görün: CSS Seçici Referans Kılavuzu.

Dönüş değeri

Tür Tanım
Nesne

Belirtilen CSS seçicisi ile eşleşen en yakın ata elementi veya element kendisi.

Eşleşen bir bulgu bulunamazsa, null döndürülür.

Seçici geçersizse, SYNTAX_ERR istisnası tetiklenir.

tarayıcı desteği

Tamamen destekleyen ilk closest() Yöntemin tarayıcı sürümü:

Chrome Edge Firefox Safari Opera
Chrome
41
Edge
15
Firefox
35
Safari
9
Opera
28
2015 Yılı Mart 2017 Yılı Nisan 2015 Yılı Ocak 2015 Yılı Ekim 2015 Yılı Mart