Metoda closest

Metoda closest znajduje najbliższy element nadrzędny spełniający selektor podany jako parametr metody. Metoda ta jest podobna do metody parent. Wyszukiwanie przebiega następująco: najpierw sprawdzany jest bezpośredni rodzic elementu, potem dziadek, pradziadek i tak dalej aż do elementu korzenia (czyli do znacznika html).

Składnia

Selektorem może być element DOM, wyrażenie lub obiekt jQuery. Wyszukiwanie zaczyna się od przekazanego jako parametr elementu DOM:

javascript.closest(selektor);

Drugim parametrem można również przekazać element DOM, wtedy wyszukiwanie będzie odbywać się w tym elemencie:

javascript.closest(selektor, kontekst);

Przykład

Znajdźmy dla elementu z #test najbliższego rodzica z klasą www i na początku tego elementu wstawmy akapit z tekstem '!', a na końcu - akapit z tekstem '?':

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

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

Kod HTML będzie wyglądać tak:

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

Zobacz też