Metode nextAll() Pencarian jQuery

Referensi Pencarian 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 berikutnya dari setiap elemen yang cocok dalam koleksi elemen, disaring dengan pemilih adalah pilihan.

Sintaks

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

Penjelasan detil

Jika diberikan objek jQuery yang mewakili koleksi elemen DOM, metode .nextAll() memungkinkan kami untuk mencari elemen saudara berikutnya di pohon DOM, dan membangun objek jQuery baru dengan elemen 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 kali ini adalah, proyek 4 dan 5 diatur dengan latar belakang merah. Karena kami belum menerapkan ekspresi pemilih, elemen yang mengikuti sangat jelas termasuk sebagai bagian dari objek. Jika kami sudah menerapkan pemilih, akan di deteksi apakah cocok sebelum disertakan.

Referensi Pencarian jQuery