jQuery saudara () Metode
Contoh
Kembalikan semua elemen saudara dari setiap elemen <li> dengan nama kelas "mulai":
$(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)
Definisi dan Penggunaan
Metode saudara () mengembalikan semua elemen saudara dari elemen yang dipilih.
Elemen saudara adalah elemen yang memiliki induk yang sama.
Pohon DOM: Metode ini melintasi maju dan mundur sepanjang saudara dari elemen DOM.
Tip: Gunakan metode prev() atau next() untuk mempersempit pencarian hanya untuk elemen saudara sebelumnya atau berikutnya.
Sintaksis
$(selector).siblings(filter)
| Parameter | Description |
|---|---|
| filter | Optional. Specifies a selector expression to narrow down the search for sibling elements |
Cobalah Sendiri - Contoh
Cara menggunakan kedua parameter untuk memfilter pencarian elemen saudara.
Cara mempersempit pencarian untuk semua elemen <p> saudara dari setiap elemen <div>.