Metod closest

Metod closest pronalazi najbliži roditeljski element koji zadovoljava selektor definisan parametrom metoda. Ovaj metod je sličan metodu parent. Pretraga se obavlja na sledeći način: prvo se proverava neposredni roditelj elementa, zatim deda, pradeda i tako dalje do korenskog elementa (odnosno do taga html).

Sintaksa

Selektor može biti DOM element, izraz ili jQuery objekat. Pretraga počinje od DOM elementa prosleđenog kao parametar:

javascript.closest(selektor);

Kao drugi parametar se takođe može proslediti DOM element, tada će se pretraga obavljati unutar tog elementa:

javascript.closest(selektor, kontekst);

Primer

Hajde da za element sa #test pronađemo najbližeg roditelja sa klasom www i na početak tog elementa ubacimo paragraf sa tekstom '!', a na kraj - paragraf sa tekstom '?':

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 kod će tada izgledati ovako:

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

Pogledajte takođe

  • metod parent,
    koji omogućava dobijanje neposrednog roditelja elementa
  • metod parents,
    koji omogućava dobijanje svih roditelja elementa
  • metod parentsUntil,
    koji omogućava dobijanje svih roditelja elementa do određenog roditelja
  • JavaScript metod closest,
    koji omogućava dobijanje najbližeg roditeljskog elementa