Metoda closest

Metoda closest najde nejbližší nadřazený prvek, který odpovídá selektoru zadanému parametrem metody. Tato metoda je podobná metodě parent. Vyhledávání probíhá následovně: nejprve se zkontroluje bezprostřední rodič prvku, poté prarodič, praprarodič a tak dále až ke kořenovému prvku (tedy ke značce html).

Syntaxe

Selektorem může být DOM prvek, výraz nebo objekt jQuery. Vyhledávání začíná od DOM prvku předaného jako parametr:

javascript.closest(selektor);

Jako druhý parametr lze také předat DOM prvek, poté bude vyhledávání probíhat v tomto prvku:

javascript.closest(selektor, kontext);

Příklad

Pojďme pro prvek s #test najít nejbližšího rodiče s třídou www a na začátek tohoto prvku vložit odstavec s textem '!' a na konec - odstavec s textem '?':

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 poté vypadat takto:

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

Viz také