Метад closest
Метад closest знаходзіць
бліжэйшы бацькоўскі элемент, які задавальняе
зададзенаму параметрам метаду селектару. Дадзены
метад падобны да метаду
parent.
Пошук вядзецца так: спачатку правяраецца непасрэдны
бацька элемента, потым дзед, прадзед
і гэтак далей да кораневага элемента (гэта значыць да тэга
html).
Сінтаксіс
Селектарам можа быць DOM элемент, выраз або аб'ект jQuery. Пошук пачынаецца з перададзенага ў якасці параметра DOM элемента:
.closest(селектар);
Другім параметрам можна таксама перадаць DOM элемент, тады пошук будзе ажыццяўляцца ў гэтым элеменце:
.closest(селектар, кантэкст);
Прыклад
Давайце для элемента з #test знойдзем
бліжэйшага бацьку з класам www
і ў пачатак гэтага элемента ўставім абзац з
тэкстам '!', а ў канец - абзац з тэкстам
'?':
<div>
<div class="www">
<div>
<p id="test">text</p>
</div>
</div>
</div>
$('#test').closest('.www').append('<p>?</p>').prepend('<p>!</p>');
HTML код стане выглядаць так:
<div>
<div class="www">
<p>!</p>
<div>
<p id="test">text</p>
</div>
<p>?</p>
</div>
</div>
Глядзіце таксама
-
метад
parent,
які дазваляе атрымаць непасрэднага бацьку элемента -
метад
parents,
які дазваляе атрымаць усіх бацькоў элемента -
метад
parentsUntil,
які дазваляе атрымаць усіх бацькоў элемента да паказанага бацькі -
JavaScript метад
closest,
які дазваляе атрымаць бліжэйшы бацькоўскі элемент