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

Погледнете ги исто така