jQuery nextUntil()メソッド
例
クラス名が「start」と「stop」の2つの<li>要素の間のすべての兄弟要素を返します。
$(document).ready(function(){
$("li.start").nextUntil("li.stop").css({"color": "red", "border": "2px solid red"});
});
結果:
ul (parent)
- li (sibling)
- li (sibling)
- li (sibling with class name "start")
- li (sibling)
- li (sibling)
- li (sibling)
- li (sibling with class name "stop")
定義と使用法
nextUntil()メソッドは、セレクター とストップの間のすべての次の兄弟要素を返します。
兄弟要素は、同じ親を共有する要素です。
DOMツリー:このメソッドは、DOM要素の兄弟に沿って前方にトラバースします。
注:両方のパラメーターが空の場合、このメソッドはすべての次の兄弟要素を返します( nextAll()メソッドと同じ )。
関連する方法:
構文
$(selector).nextUntil(stop,filter)
Parameter | Description |
---|---|
stop | Optional. A selector expression, element or jQuery object indicating where to stop the search for next matching siblings elements |
filter | Optional. Specifies a selector expression to narrow down the search for sibling elements between the selector and stop Note: To return multiple siblings, separate each expression with a comma. |
自分で試してみてください-例
を絞り込み、2つの引数の間の次の兄弟要素の検索をフィルター処理します。
を返す2つの引数の間に複数の兄弟要素を返す方法。
セレクターの代わりにDOM要素を使用して、すべての兄弟要素に2つの指定された引数を返します。
使用するセレクターと両方のパラメーターの代わりにDOM要素を使用して、2つの引数間の次の兄弟検索をフィルター処理します。