Metode nextAll

Metode nextAll mengembalikan semua elemen yang berada setelah elemen yang ditentukan di dalam induk yang sama.

Sintaks

Mendapatkan semua elemen saudara di bawah:

javascript$(selektor).nextAll();

Anda juga dapat memfilter elemen saudara berdasarkan selektor yang ditentukan:

javascript$(elemen).nextAll(selektor);

Contoh

Mari kita temukan elemen #test dan beri teks '!' kepada semua elemen saudara di bawahnya menggunakan metode html:

html<p>outside</p>
<div>
  <p>inside</p>
  <p>inside</p>
  <p id="test">inside</p>
  <p>inside</p>
  <p>inside</p>
</div>
<p>outside</p>
javascript$('#test').nextAll().html('!');

Kode HTML akan terlihat seperti ini:

html<p>outside</p>
<div>
  <p>inside</p>
  <p>inside</p>
  <p id="test">inside</p>
  <p>!</p>
  <p>!</p>
</div>
<p>outside</p>

Lihat juga

  • metode prevAll,
    yang mengembalikan elemen-elemen yang berada sebelum elemen yang ditentukan di dalam induk yang sama
  • metode next,
    yang memungkinkan mendapatkan elemen saudara tepat di bawah elemen
  • metode nextUntil,
    yang mengembalikan elemen-elemen yang berada setelah elemen yang ditentukan
  • metode siblings,
    yang memungkinkan mendapatkan semua elemen saudara di dalam induk yang sama