Methode closest

De methode closest zoekt naar het dichtstbijzijnde bovenliggende element dat overeenkomt met de opgegeven CSS-selector, waarbij het element zelf ook in de zoekopdracht wordt opgenomen.

Syntaxis

javascriptelement.closest('selector');

Voorbeeld

Laten we onder de ouders van het element het element met de klasse www zoeken:

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);

Resultaat van het uitvoeren van de code:

javascript'parent2'

Voorbeeld

Laten we onder de ouders van het element het element met de klasse www zoeken. Als resultaat krijgen we een verwijzing naar het element zelf, omdat het zelf deze klasse heeft:

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);

Resultaat van het uitvoeren van de code:

javascript'child'

Zie ook