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>元素
如何縮小搜索每個<div> 元素的所有同級<p> 元素的範圍。