Metoda closest

Metoda closest găsește elementul părinte cel mai apropiat care satisface selectorul specificat ca parametru al metodei. Această metodă este similară cu metoda parent. Căutarea se realizează astfel: mai întâi se verifică părintele direct al elementului, apoi bunicul, străbunicul și așa mai departe până la elementul rădăcină (adică până la tag-ul html).

Sintaxă

Selectorul poate fi un element DOM, o expresie sau un obiect jQuery. Căutarea începe de la elementul DOM transmis ca parametru:

javascript.closest(selector);

Ca al doilea parametru se poate transmite și un element DOM, atunci căutarea se va realiza în acel element:

javascript.closest(selector, context);

Exemplu

Să găsim pentru elementul cu #test părintele cel mai apropiat cu clasa www și la începutul acestui element să inserăm un paragraf cu textul '!', iar la sfârșit - un paragraf cu textul '?':

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

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

Codul HTML va arăta astfel:

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

Vedeți și