Методот closest
Методот closest бара најблискиот родителски
елемент што одговара на наведениот CSS селектор,
при што самиот елемент е вклучен во пребарувањето.
Синтакса
element.closest('selektor');
Пример
Ајде да го најдеме елементот со класата
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'