Metóda closest

Metóda closest nájde najbližší nadradený prvok vyhovujúci selektoru zadanému parametrom metódy. Táto metóda je podobná metóde parent. Vyhľadávanie prebieha takto: najprv sa skontroluje bezprostredný rodič prvku, potom starý rodič, pra-starý rodič a tak ďalej až po koreňový prvok (teda po tag html).

Syntax

Selektorom môže byť DOM prvok, výraz alebo objekt jQuery. Vyhľadávanie začína od DOM prvku odovzdaného ako parameter:

javascript.closest(selektor);

Ako druhý parameter je možné tiež odovzdať DOM prvok, v takom prípade sa vyhľadávanie uskutoční v tomto prvku:

javascript.closest(selektor, kontext);

Príklad

Nájdime pre prvok s #test najbližšieho rodiča s triedou www a na začiatok tohto prvku vložme odsek s textom '!' a na koniec - odsek s textom '?':

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 kód bude potom vyzerať takto:

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

Pozrite tiež