jQuery siblings() 方法

jQuery 遍曆方法 jQuery 遍曆方法

實例

返回帶有類名 "start" 的每個 <li> 元素的所有同級元素:

$(document).ready(function(){
$("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> 元素的範圍。


jQuery 遍曆方法 jQuery 遍曆方法