最新的Web開發教程
 

jQuery siblings() Method

<jQuery的遍歷方法

返回每個接口的所有兄弟元素<li>與元素class"start"

$(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 可選的。 指定選擇器表達式來縮小為同級元素搜索

試一試 - 示例

縮小搜索範圍
如何使用這兩個參數來篩選兄弟元素搜索。

選擇所有同級<p>每個元素<div>元素
如何縮小所有同級搜索<p>每個元素<div>元素。


<jQuery的遍歷方法