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

javascriptelement.closest('Selektor');

Beispiel

Lassen Sie uns unter den Elternelementen des Elements das Element mit der Klasse www finden:

html<div class="www" id="parent2">
  <div class="ggg" id="parent1">
    <p class="zzz" id="child"></p>
  </div>
</div>

javascriptlet elem = document.querySelector('#child');
let parent = elem.closest('.www');

console.log(parent.id);

Ergebnis der Codeausführung:

javascript'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:

html<div class="www" id="parent2">
  <div class="www" id="parent1">
    <p class="www" id="child"></p>
  </div>
</div>

javascriptlet elem = document.querySelector('#child');
let parent = elem.closest('.www');
console.log(parent.id);

Ergebnis der Codeausführung:

javascript'child'

Siehe auch