closest-metodi

closest-metodi löytää lähimmän vanhempaelementin, joka täyttää metodin parametrina annetun valitsimehdon. Tämä metodi on samankaltainen kuin parent-metodi. Haku tapahtuu seuraavasti: ensin tarkistetaan elementin välitön vanhempi, sitten isovanhempi, isoisovanhempi ja niin edelleen aina juurielementtiin (eli html-tagiin) asti.

Syntaksi

Valitsin voi olla DOM-elementti, lauseke tai jQuery-olio. Haku alkaa parametrina annetusta DOM-elementistä:

javascript.closest(valitsin);

Toisena parametrina voidaan antaa myös DOM-elementti, jolloin haku tapahtuu kyseisessä elementissä:

javascript.closest(valitsin, konteksti);

Esimerkki

Etsitään elementille, jolla on #test, lähin vanhempi, jolla on luokka www ja lisätään tämän elementin alkuun kappale, jossa on teksti '!', ja loppuun kappale, jossa on teksti '?':

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

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

HTML-koodi muuttuu näyttämään tältä:

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

Katso myös