クラス名 "start" または "stop" を持つ、2つの <li> 要素の間の全兄弟要素を返す:
$(document).ready(function(){
$("li.start").prevUntil("li.stop").css({"color": "red", "border": "2px
solid red"});
});
結果:
ul (parent)
- li (sibling with class name "stop")
- li (sibling)
- li (sibling)
- li (sibling)
- li (sibling with class name "start")
- li (sibling)
- li (sibling)
Try it Yourself »
prevUntil() メソッドは、selector と stop の間の前の全兄弟要素を返します。
兄弟要素は、同じ親を共有する要素です。
DOM ツリー: このメソッドは、DOM 要素の兄弟をたどりながら後方にトラバースします。
注: 両方のパラメータが空の場合、このメソッドは、前の全兄弟要素を返します (prevAll() に同じ)。
関連するメソッド:
$(selector).prevUntil(stop,filter)
パラメータ | 説明 |
---|---|
stop | 任意。前にマッチする兄弟の検索を停止することを表す、セレクタ式、要素または jQuery オブジェクト |
filter | 任意。selector と stop の間の兄弟検索を絞り込むセレクタ式を指定する 注: 複数の兄弟を返すには、各式をカンマで区切ること |
検索の絞り込み
2つのアーギュメント間の前の兄弟要素検索をフィルタリングするため、両方のパラメータを使用する。
複数の兄弟を返す
2つのアーギュメント間の複数の兄弟要素を返す方法。
DOM
セレクタの代わりに DOM 要素を使用して、2つの指定したアーギュメントの間の全兄弟要素を返す。
両方のパラメータと一緒に DOM を使用する
2つのアーギュメントの間の前の兄弟検索をフィルタリングするため、
セレクタおよび両方のパラメータの代わりに DOM 要素を使用する。