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
element.closest('selector');
Voorbeeld
Laten we onder de ouders van het element het element
met de klasse www zoeken:
<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);
Resultaat van het uitvoeren van de code:
'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:
<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);
Resultaat van het uitvoeren van de code:
'child'
