jQuery siblings() 方法

2018-11-21 14:18 更新

jQuery siblings() 方法

jQuery 遍歷方法 jQuery 遍歷方法

實(shí)例

返回帶有類名 "start" 的每個(gè) <li> 元素的所有同級(jí)元素:

$(document).ready(function(){
$("li.start").siblings().css({"color":"red","border":"2px solid red"});
});

結(jié)果:

    ul (parent)
  • li (sibling)
  • li (sibling)
  • li (sibling with class name "start")
  • li (sibling)
  • li (sibling)

嘗試一下 ?

定義和用法

siblings() 方法返回被選元素的所有同級(jí)元素。

同級(jí)元素是共享相同父元素的元素。

DOM 樹(shù):該方法沿著 DOM 元素的同級(jí)元素向前和向后遍歷。

提示:請(qǐng)使用 prev()next() 方法來(lái)縮小僅僅搜索前一個(gè)同級(jí)元素或后一個(gè)同級(jí)元素的范圍。


語(yǔ)法

$(selector).siblings(filter)

參數(shù) 描述
filter 可選。規(guī)定縮小搜索同級(jí)元素范圍的選擇器表達(dá)式。

實(shí)例

更多實(shí)例

縮小搜索范圍
如何使用兩個(gè)參數(shù)來(lái)過(guò)濾對(duì)同級(jí)元素的搜索。

選取每個(gè) <div> 元素的所有同級(jí) <p> 元素
如何縮小搜索每個(gè) <div> 元素的所有同級(jí) <p> 元素的范圍。


jQuery 遍歷方法 jQuery 遍歷方法

以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)