Метод closest

Методът closest намира най-близкия родителски елемент, удовлетворяващ зададения параметър на метода селектор. Този метод е подобен на метода parent. Търсенето се извършва по следния начин: първо се проверява непосредственият родител на елемента, след това дядото, прадядото и така до коренния елемент (тоест до тага html).

Синтаксис

Селекторът може да бъде DOM елемент, израз или обект jQuery. Търсенето започва от предадения като параметър DOM елемент:

javascript.closest(селектор);

Като втори параметър може също да се подаде DOM елемент, тогава търсенето ще се извършва в този елемент:

javascript.closest(селектор, контекст);

Пример

Нека за елемента с #test намерим най-близкия родител с клас www и в началото на този елемент вмъкнем параграф с текст '!', а в края - параграф с текст '?':

html<div>
  <div class="www">
    <div>
      <p id="test">text</p>
    </div>
  </div>
</div>

javascript$('#test').closest('.www').append('<p>?</p>').prepend('<p>!</p>');

HTML кодът ще изглежда така:

html<div>
  <div class="www">
    <p>!</p>
    <div>
      <p id="test">text</p>
    </div>
    <p>?</p>
  </div>
</div>

Вижте също