Metode nextAll() penelusuran jQuery

Panduan Penelusuran jQuery

Contoh

Cari semua kelas setelah div pertama dan tambahkan kelas untuk mereka:

$("div:first").nextAll().addClass("after");

Coba sendiri

Definisi dan penggunaan

nextAll() mendapatkan semua saudara yang mengikuti dari setiap elemen yang cocok dalam koleksi elemen yang dicari, pilihan pemilihan melalui pemilih adalah pilihan.

Sintaks

.nextAll(selector)
Parameter Deskripsi
selector Nilai string, berisi ekspresi pemilih yang digunakan untuk mencocokkan elemen.

Keterangan detil

Jika diberikan objek jQuery yang mewakili koleksi elemen DOM, metode .nextAll() memungkinkan kami untuk mencari elemen saudara yang mengikuti di pohon DOM, dan membangun objek jQuery baru yang cocok.

Metode ini menerima ekspresi pemilih pilihan, jenis yang sama seperti yang saya kirim ke fungsi $(). Jika pemilih diterapkan, mereka akan disaring melalui deteksi elemen apakah cocok.

Berpikir tentang halaman di bawah ini yang memiliki daftar sederhana:

<ul>
   <li>item daftar 1</li>
   <li>item daftar 2</li>
   <li class="third-item">item daftar 3</li>
   <li>item daftar 4</li>
   <li>item daftar 5</li>
</ul>

Jika kami mulai dari proyek ketiga, maka kami dapat menemukan elemen yang muncul setelahnya:

$('li.third-item').nextAll().css('background-color', 'red');

Coba sendiri

Hasil pemanggilan ini adalah, proyek 4 dan 5 diatur dengan latar belakang merah. Karena kami belum menerapkan ekspresi pemilih, elemen yang mengikuti dengan jelas di termasuk sebagai bagian dari objek. Jika kami sudah menerapkan pemilih, terlebih dahulu akan dicek apakah cocok sebelum termasuknya.

Panduan Penelusuran jQuery