jQuery Penelusuran - prevUntil() Metode
Contoh
Cari semua saudara elemen yang memiliki nama kelas "selected" untuk setiap elemen p():
$("p").siblings(".selected")
Definisi dan penggunaan
siblings() mendapatkan saudara dari set yang cocok, pengambilan melalui pemilihan adalah pilihan.
Sintaks
.siblings(selector)
Parameter | Deskripsi |
---|---|
selector | Nilai string, berisi ekspresi pemilihan yang digunakan untuk mencocokkan elemen. |
Penjelasan detil
Jika diberikan objek jQuery yang mewakili kumpulan elemen DOM, metode .siblings() memungkinkan kami untuk mencari saudara elemen elemen ini di pohon DOM dan membuat objek jQuery baru yang terdiri dari elemen yang cocok.
Metode ini menerima ekspresi pemilihan pilihan, yang sama seperti tipe parameter yang kami kirim ke fungsi $(). Jika pemilihan ini diterapkan, elemen akan disaring melalui pengecekan apakah elemen cocok dengan pemilihan ini.
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, kami dapat menemukan saudara elemen elemen ini:
$('li.third-item').siblings().css('background-color', 'red');
Hasil yang dipanggil di sini adalah mengatur latar belakang proyek 1, 2, 4 dan 5 menjadi merah. Ditetapkan latar belakang merah. Karena kami belum menerapkan ekspresi pemilihan, semua saudara elemen alami menjadi bagian dari objek. Jika pemilihan sudah diterapkan, hanya proyek yang cocok dalam empat daftar yang akan disertakan.
Elemen asal tidak termasuk dalam saudara elemen, ingat hal penting saat kami berencana untuk menemukan semua elemen di tingkat khusus dalam pohon DOM.