jQuery siblings() 方法
實例
返回帶有類名 "start" 的每個 <li> 元素的所有同級元素:
$(document).ready(function(){
$("li.start").siblings().css({"color":"red","border":"2px solid red"});
});
$("li.start").siblings().css({"color":"red","border":"2px solid red"});
});
結果:
- ul (parent)
- li (sibling)
- li (sibling)
- li (sibling with class name "start")
- li (sibling)
- li (sibling)
定義和用法
siblings() 方法返回被選元素的所有同級元素。
同級元素是共用相同父元素的元素。
DOM 樹:該方法沿著 DOM 元素的同級元素向前和向後遍曆。
提示:請使用 prev() 或 next() 方法來縮小僅僅搜索前一個同級元素或後一個同級元素的範圍。
語法
$(selector).siblings(filter)
參數 | 描述 |
---|---|
filter | 可選。規定縮小搜索同級元素範圍的選擇器運算式。 |

更多實例
縮小搜索範圍
如何使用兩個參數來過濾對同級元素的搜索。
如何縮小搜索每個 <div> 元素的所有同級 <p> 元素的範圍。