jQuery siblings() 方法
示例
返回所有類名為“start”的 <li> 元素的兄弟元素
$(document).ready(function(){
$("li.start").siblings().css({"color": "red", "border": "2px solid red"});
});
結果
ul (父級)- li (同級)
- li (同級)
- li (帶有類名“start”的同級)
- li (同級)
- li (同級)
自己動手試一試 »
定義和用法
siblings() 方法返回選定元素的***所有***兄弟元素。
同級元素是指具有相同父元素的元素。
DOM 樹：此方法沿著 DOM 元素的兄弟元素向前和向後遍歷。
提示：使用 prev() 或 next() 方法來縮小搜尋範圍，僅查詢前一個或後一個兄弟元素。
語法
$(selector).siblings(filter)
| 引數 | 描述 |
|---|---|
| 篩選器 | 可選。指定一個選擇器表示式以縮小兄弟元素的搜尋範圍 |
親手嘗試 - 示例
縮小搜尋範圍
如何同時使用這兩個引數來過濾對兄弟元素的搜尋。
選擇每個 <div> 元素的***所有***兄弟 <p> 元素
如何縮小對每個 <div> 元素的***所有***兄弟 <p> 元素的搜尋範圍。
