jQuery saudara () metode
contoh
Mengembalikan semua elemen saudara dengan nama kelas dari "mulai" untuk setiap <li> elemen:
$(document).ready(function(){
$("li.start").siblings().css({"color":"red","border":"2px solid red"});
});
$("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)
Coba »
Definisi dan Penggunaan
Metode saudara () mengembalikan elemen yang dipilih semua saudara.
elemen saudara adalah elemen yang berbagi elemen induk yang sama.
DOM tree: Metode ini maju dan mundur di sepanjang elemen saudara melintasi DOM.
Tip: Gunakan prev () atau berikutnya () metode untuk mempersempit pencarian sebelum dan setelah saudara atau elemen saudara elemen.
tatabahasa
$(selector).siblings( filter )
参数 | 描述 |
---|---|
filter | 可选。规定缩小搜索同级元素范围的选择器表达式。 |
contoh yang lebih
Mempersempit pencarian Anda
Cara menggunakan dua parameter untuk menyaring pencarian elemen yang sama.
Pilih setiap elemen <div> di semua saudara <p> elemen
Bagaimana untuk mempersempit rentang pencarian untuk semua saudara <p> elemen untuk setiap elemen <div>.