jQuery siblings() メソッド

クラス名 "start" を持つ、各 <li> 要素の全兄弟要素を返す：

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

結果：

定義と用法

siblings() メソッドは、選択した要素の全兄弟要素を返します。

兄弟要素は、同じ親を共有する要素です。

DOM ツリー： このメソッドは、DOM 要素の前方と後方の兄弟をたどりながらトラバースします。

チップ: 前方または後方の要素だけに検索を絞り込むには、prev() または next() メソッドを使用します。

$(selector).siblings(filter)

パラメータ	説明
filter	任意。兄弟要素検索を絞り込むセレクタ式を指定する

検索の絞り込み
兄弟要素の検索をフィルタリングするために両方のパラメータを使用する方法。

各 <div> 要素の全ての兄弟 <p> 要素を選択する
各 <div> 要素の全ての兄弟 <p> 要素検索を絞り込む方法。