A closest metódus

A closest metódus megkeresi a legközelebbi szülő elemet, amely megfelel a metódus paramétereként megadott szelektornak. Ez a metódus hasonló a parent metódushoz. A keresés a következőképpen zajlik: először az elem közvetlen szülője kerül ellenőrzésre, majd a nagyszülő, a dédszülő és így tovább egészen a gyökérelemig (vagyis a html címkéig).

Szintaxis

A szelektor lehet DOM elem, kifejezés vagy jQuery objektum. A keresés a paraméterként átadott DOM elemmel kezdődik:

javascript.closest(szelektor);

Második paraméterként szintén átadhatunk egy DOM elemet, ekkor a keresés ebben az elemben fog történni:

javascript.closest(szelektor, kontextus);

Példa

Keressük meg a #test azonosítójú elem legközelebbi www osztállyal rendelkező szülőjét, és ennek az elemnek az elejére szúrjunk be egy bekezdést a '!' szöveggel, a végére pedig egy bekezdést a '?' szöveggel:

html<div>
  <div class="www">
    <div>
      <p id="test">szöveg</p>
    </div>
  </div>
</div>

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

A HTML kód így fog kinézni:

html<div>
  <div class="www">
    <p>!</p>
    <div>
      <p id="test">szöveg</p>
    </div>
    <p>?</p>
  </div>
</div>

Lásd még