Метод 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>

Погледајте такође