Metode closest

Metode closest menemukan elemen induk terdekat yang memenuhi selektor yang ditentukan oleh parameter metode. Metode ini serupa dengan metode parent. Pencarian dilakukan sebagai berikut: pertama-tama diperiksa induk langsung elemen, lalu kakek-nenek, buyut dan seterusnya hingga elemen akar (yaitu hingga tag html).

Sintaks

Selektor dapat berupa elemen DOM, ekspresi, atau objek jQuery. Pencarian dimulai dari elemen DOM yang diteruskan sebagai parameter:

javascript.closest(selektor);

Parameter kedua juga dapat meneruskan elemen DOM, maka pencarian akan dilakukan dalam elemen ini:

javascript.closest(selektor, konteks);

Contoh

Mari kita cari untuk elemen dengan #test induk terdekat dengan kelas www dan di awal elemen ini sisipkan paragraf dengan teks '!', dan di akhir - paragraf dengan teks '?':

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

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

Kode HTML akan menjadi seperti ini:

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

Lihat juga