Metoden closest

Metoden closest finder det nærmeste overordnede element, der matcher selectoren angivet som parameter til metoden. Denne metode ligner metoden parent. Søgningen foregår således: først tjekkes elementets umiddelbare forælder, derefter bedsteforælderen, oldeforælderen og så videre op til rodelementet (altså til tagget html).

Syntaks

Selectoren kan være et DOM-element, et udtryk eller et jQuery-objekt. Søgningen starter med det DOM-element, der sendes som parameter:

javascript.closest(selector);

Som en anden parameter kan man også sende et DOM-element, så vil søgningen foregå inden for dette element:

javascript.closest(selector, kontekst);

Eksempel

Lad os for elementet med #test finde dens nærmeste forælder med klassen www og indsætte et afsnit med teksten '!' i starten af dette element, og i slutningen - et afsnit 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 nu se sådan ud:

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

Se også