Die Methode closest
Die Methode closest sucht das nächstgelegene Elternelement,
das auf den angegebenen CSS-Selektor passt,
wobei das Element selbst ebenfalls in die Suche einbezogen wird.
Syntax
element.closest('Selektor');
Beispiel
Lassen Sie uns unter den Elternelementen des Elements das Element
mit der Klasse www finden:
<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);
Ergebnis der Codeausführung:
'parent2'
Beispiel
Lassen Sie uns unter den Elternelementen des Elements das Element
mit der Klasse www finden. Als Ergebnis erhalten wir
eine Referenz auf das Element selbst, da es selbst diese
Klasse hat:
<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);
Ergebnis der Codeausführung:
'child'
