Η μέθοδος closest
Η μέθοδος closest βρίσκει το πλησιέστερο γονικό
στοιχείο, που ταιριάζει με τον καθορισμένο επιλογέα CSS,
ενώ το ίδιο το στοιχείο συμπεριλαμβάνεται στην αναζήτηση.
Σύνταξη
στοιχείο.closest('επιλογέας');
Παράδειγμα
Ας βρούμε μεταξύ των γονέων του στοιχείου το στοιχείο
με την κλάση www:
<div class="www" id="parent2">
<div class="ggg" id="parent1">
<p class="zzz" id="child"></p>
</div>
</div>
let elem = document.querySelector('#child');
let parent = elem.closest('.www');
console.log(parent.id);
Αποτέλεσμα εκτέλεσης του κώδικα:
'parent2'
Παράδειγμα
Ας βρούμε μεταξύ των γονέων του στοιχείου το στοιχείο
με την κλάση www. Ως αποτέλεσμα, θα πάρουμε
την αναφορά στο ίδιο το στοιχείο, αφού αυτό έχει
αυτήν την κλάση:
<div class="www" id="parent2">
<div class="www" id="parent1">
<p class="www" id="child"></p>
</div>
</div>
let elem = document.querySelector('#child');
let parent = elem.closest('.www');
console.log(parent.id);
Αποτέλεσμα εκτέλεσης του κώδικα:
'child'
