Μέθοδος closest() του HTML DOM Element

Ορισμός και χρήση

closest() Η μέθοδος αναζητά στοιχεία στο δέντρο DOM που ταιριάζουν με τον καθορισμένο CSS επιλογέα.

closest() Η μέθοδος ξεκινά από το στοιχείο και προχωρά στους προγόνους (γονικό στοιχείο, προγονικό στοιχείο, ...) μέχρι να βρεθεί η συμφωνία.

Αν δεν βρεθεί συμφωνία, closest() Η μέθοδος επιστρέφει null。

Δείτε επίσης:

Πλήρης έγχειρον αναφοράς CSS επιλογέα

Μέθοδος Element matches()

Παράδειγμα

Παράδειγμα 1

Βρείτε το πλησιέστερο στοιχείο που ταιριάζει με τον CSS επιλογέα ".container":

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

Προσπαθήστε προσωπικά

Παράδειγμα 2

Βρείτε το πλησιέστερο στοιχείο που ταιριάζει με ".container" ή ".wrapper":

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

Προσπαθήστε προσωπικά

Γραμματική

στοιχείο.closest(selectors)

Παράμετροι

Παράμετροι Περιγραφή
selectors

Απαιτείται. Ένας ή περισσότεροι (χωρισμένοι με κόμμα) επιλογείς CSS που πρέπει να ταιριάζουν.

Παρακαλώ δείτε την πλήρη Εγχειρίδιο Αναφοράς Επιλογέων CSS。

Αποτελεσματική επιστροφή

Τύπος Περιγραφή
Όντας

Ο πλησιέστερος προγονικός στοιχείο ή ο ίδιος ο στοιχείο που ταιριάζει με το καθορισμένο CSS επιλογέα.

Αν δεν βρεθεί συμφωνία, επιστρέφεται null.

Αν ο επιλεγμένος επιλογέας είναι άκυρος, προκαλείται η εξαίρεση SYNTAX_ERR.

Υποστήριξη του προγράμματος περιήγησης

Η πρώτη πλήρως υποστηριζόμενη closest() Η έκδοση του προγράμματος περιήγησης μεθόδου:

Χρόμεω Εντζ Φάιρφξεξ Σάφάρι Όπερα
Χρόμεω
41		 Εντζ
15		 Φάιρφξεξ
35		 Σάφάρι
9		 Όπερα
28
Μάρτιος 2015 Απρίλιος 2017 Ιανουάριος 2015 Οκτώβριος 2015 Μάρτιος 2015