jQuery nextUntil() メソッド

❮ jQuery Traversing メソッド

クラス名 "start" または "stop" を持つ、2つの <li> 要素の間の全兄弟要素を返す:

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

結果:

Try it Yourself »

定義と用法

nextUntil() メソッドは、selectorstop の間の全兄弟要素を返します。

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

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

注: 両方のパラメータが空の場合、このメソッドは、次の全兄弟要素を返します (nextAll() に同じ)。

関連するメソッド:


構文

$(selector).nextUntil(stop,filter)

パラメータ 説明
stop 任意。次にマッチする兄弟の検索を停止することを示す、セレクタ式、要素または jQuery オブジェクト
filter 任意。次にマッチする兄弟の検索を停止することを示す、セレクタ式、要素または jQuery オブジェクト

注: 複数の兄弟を返すには、各式をカンマで区切ること

Try it Yourself - 例

検索の絞り込み
2 つのアーギュメント間の兄弟要素検索をフィルタリングするため、両方のパラメータを使用する。

複数の兄弟を返す
2つのアーギュメント間の複数の兄弟要素を返す方法。

DOM
セレクタの代わりに DOM 要素を使用して、2つの指定したアーギュメントの間の全兄弟要素を返す。

両方のパラメータと一緒に DOM を使用する
2つのアーギュメントの間の次の兄弟検索をフィルタリングするため、 セレクタおよび両方のパラメータの代わりに DOM 要素を使用する。


❮ jQuery Traversing メソッド