Contoh
Kembali semua elemen saudara masing-masing <li> elemen dengan class nama "start" :
$(document).ready(function(){
$("li.start").siblings().css({"color": "red", "border": "2px
solid red"});
});
Hasil:
ul (parent)
- li (sibling)
- li (sibling)
- li (sibling with class name "start")
- li (sibling)
- li (sibling)
Cobalah sendiri " Definisi dan Penggunaan
The siblings() method mengembalikan semua elemen saudara dari elemen yang dipilih.
elemen saudara adalah elemen yang berbagi induk yang sama.
Pohon DOM: Metode ini melintasi maju dan mundur bersama saudara elemen DOM.
Tip: Gunakan prev() atau next() metode untuk mempersempit pencarian hanya elemen saudara sebelumnya atau berikutnya.
Sintaksis
$(selector).siblings( filter )| Parameter | Deskripsi |
|---|---|
| filter | Pilihan. Menentukan ekspresi pemilih untuk mempersempit pencarian elemen saudara |
Coba Sendiri - Contoh
Mempersempit pencarian
Cara menggunakan kedua parameter untuk menyaring pencarian saudara elemen.
Pilih semua saudara <p> elemen setiap <div> elemen
Bagaimana untuk mempersempit pencarian untuk semua saudara <p> elemen setiap <div> elemen.