Metoden closest

Metoden closest finner nærmeste foreldreelement som tilfredsstiller selectoren spesifisert som parameter til metoden. Denne metoden ligner på metoden parent. Søket utføres slik: først sjekkes det umiddelbare foreldreelementet, deretter besteforelder, oldeforelder og så videre opp til rotelementet (altså til taggen html).

Syntaks

Selectoren kan være et DOM-element, et uttrykk eller et jQuery-objekt. Søket starter fra det DOM-elementet som ble sendt som parameter:

javascript.closest(selector);

Som andre parameter kan man også sende et DOM-element, da vil søket bli utført innenfor dette elementet:

javascript.closest(selector, kontekst);

Eksempel

La oss for elementet med #test finne nærmeste forelder med klassen www og i begynnelsen av dette elementet sette inn et avsnitt med teksten '!', og på slutten - et avsnitt med teksten '?':

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

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

HTML-koden vil da se slik ut:

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

Se også