jQuery Perulan - Metode prev()
Contoh
Mencari setiap paragraf, menemukan saudara sebelumnya yang memiliki kelas "selected":
$("p").prev(".selected")
Definisi dan Penggunaan
prev() mendapatkan elemen saudara sebelumnya yang terdekat dari setiap elemen yang cocok dalam kumpulan elemen, pemilihan melalui selector adalah pilihan.
.prev(selector)
Parameter | Deskripsi |
---|---|
selector | Nilai string, berisi ekspresi selector yang digunakan untuk mencocokkan elemen. |
Penjelasan Detil
Jika diberikan objek jQuery yang mewakili kumpulan elemen DOM, metode .prev() memungkinkan kita untuk mencari elemen saudara sebelumnya dari elemen-elemen itu di pohon DOM, dan membuat objek jQuery baru yang cocok dengan elemen yang disaring.
Metode ini menerima ekspresi selector pilihan, yang sama seperti tipe parameter yang kami kirim ke fungsi $(). Jika selector ini diterapkan, elemen akan disaring melalui pengecekan apakah elemen cocok dengan selector itu.
Pikirkan halaman ini yang memiliki daftar yang disarang secara dasar:
<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 terletak di antara elemen itu:
$('li.third-item').prev().css('background-color', 'red');
Hasil yang dipanggil adalah mengatur latar belakang proyek 2 menjadi merah. Karena kami belum menerapkan ekspresi selector, elemen sebelumnya secara alami menjadi bagian dari objek. Jika selector sudah diterapkan, elemen akan dicek apakah cocok dengan selector sebelum elemen yang disertakan.