jQuery Perulangan - Metode prevAll()

Panduan Perulangan jQuery

Contoh

Tentukan semua div sebelum terakhir div dan tambahkan kelas ke mereka:

$("div:last").prevAll().addClass("before");

Coba sendiri

Definisi dan penggunaan

prevAll() mendapatkan elemen saudara sebelumnya dari set elemen yang cocok saat ini, penggunaan pemilih untuk disaring adalah pilihan.

Sintaks

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

Keterangan detil

Jika diberikan objek jQuery yang mewakili kumpulan elemen DOM, metode .prevAll() memungkinkan kami mencari elemen saudara sebelumnya di pohon DOM dan membuat objek jQuery baru yang cocok dengan elemen.

Metode ini menerima ekspresi pemilih pilihan, yang sama dengan tipe parameter yang diberikan ke fungsi $(). Jika pemilih ini diterapkan, elemen akan disaring melalui pengujian elemen apakah cocok dengan pemilih.

Pikirkan halaman ini yang memiliki daftar yang disesuaikan 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, elemen saudara di antara elemen dapat ditemukan:

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

Coba sendiri

Hasil yang dipanggil adalah mengatur latar belakang proyek 2 dan proyek 1 menjadi merah. Karena kami belum menerapkan ekspresi pemilih, elemen sebelumnya alami menjadi bagian dari objek. Jika ekspresi pemilih sudah diterapkan, pengujian elemen apakah cocok dengan pemilih akan dilakukan sebelum elemen berisi disertai.

Panduan Perulangan jQuery