jQuery Penelusuran - metode prevUntil()

Panduan Penelusuran jQuery

Contoh

Cari semua saudara elemen yang memiliki kelas "selected" dari setiap elemen p di dalam.

$("p").siblings(".selected")

Coba sendiri

Definisi dan penggunaan

siblings() mendapatkan saudara dari set yang cocok, pengambilan melalui selector adalah pilihan.

Sintaks

.siblings(selector)
Parameter Deskripsi
selector Nilai string, berisi ekspresi selector yang digunakan untuk mencocokkan elemen.

Penjelasan detil

Jika diberikan objek jQuery yang mewakili koleksi elemen DOM, metode .siblings() memungkinkan kami mencari saudara elemen dari elemen ini di pohon DOM dan membuat objek jQuery baru yang di konstruksi dari elemen yang cocok.

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

Berpikir tentang halaman ini yang memiliki daftar yang berjejer 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 saudara elemen dari elemen ini:

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

Coba sendiri

Hasil yang dipanggil di sini adalah mengatur latar belakang proyek 1, 2, 4, dan 5 menjadi merah. Dapat diset ke latar belakang merah. Karena kami belum menerapkan ekspresi selector, semua saudara elemen secara alami menjadi bagian dari objek. Jika selector sudah diterapkan, hanya akan termasuk proyek yang cocok dari empat daftar.

Elemen asli tidak termasuk dalam saudara elemen, jadi ingat hal penting saat kami berencana menemukan semua elemen di tingkat khusus di pohon DOM.

Panduan Penelusuran jQuery