jQuery Pencarian - Metode next()

Referensi Pencarian jQuery

Contoh

Cari elemen saudara berikutnya dari setiap paragraf, hanya memilih paragraf yang memiliki kelas "selected":

$("p");.next(".selected");.css("background", "yellow");

Coba sendiri

Definisi dan penggunaan

next() mendapatkan elemen saudara yang mendekati dari setiap elemen yang cocok dalam koleksi elemen. Jika disediakan pemilih, maka mengembalikan elemen saudara yang cocok dengan pemilih.

Sintaks

.next(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 .next() memungkinkan kami untuk mencari elemen saudara yang mengikuti elemen di pohon DOM, dan membuat objek jQuery yang cocok untuk elemen yang cocok.

Metode ini menerima ekspresi pemilih pilihan, jenis yang sama dengan yang saya kirim ke fungsi $(). Jika elemen saudara yang mengikuti cocok dengan pemilih, maka akan tetap berada di dalam objek jQuery yang dibuat baru; jika tidak, akan dihapus.

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 dapat menemukan elemen yang muncul setelahnya:

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

Coba sendiri

Hasil pemanggilan kali ini adalah, proyek 4 diatur dengan latar belakang merah. Karena kami belum menerapkan ekspresi pemilih, elemen yang mengikuti sangat jelasnya di termasuk sebagai bagian dari objek. Jika kami sudah menerapkan pemilih, akan dilakukan deteksi apakah cocok sebelum ditambahkan ke dalam.

Referensi Pencarian jQuery