jQuery Penelusuran - Metode prevAll()

Panduan Penelusuran jQuery

Contoh

Tentukan semua div sebelum terakhir div, dan tambahkan kelas untuk mereka:

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

Coba sendiri

Definisi dan penggunaan

prevAll() mendapatkan elemen saudara sebelumnya dari setiap elemen dalam koleksi yang cocok saat ini, pemilihan dengan pemilih adalah pilihan.

Sintaks

.prevAll(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 .prevAll() memungkinkan kami mencari elemen saudara sebelumnya dari elemen tersebut di pohon DOM, dan membuat objek jQuery baru yang terdiri dari elemen yang cocok.

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

Berpikir tentang halaman ini yang memiliki daftar penjajaran 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 antara elemen dapat ditemukan:

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

Coba sendiri

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

Panduan Penelusuran jQuery