最新のWeb開発のチュートリアル
 

jQuery nextUntil() Method

<jQueryのトラバース方法

2の間のすべての兄弟要素を返します<li>クラス名を持つ要素を"start""stop"

$(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()メソッド)。

関連するメソッド:

  • next() -選択された要素の次の兄弟要素を返します。
  • nextAll() -選択した要素のすべての次の兄弟要素を返します。

構文

$(selector).nextUntil( stop,filter )

パラメーター 説明
stop 任意。 セレクタ式は、表示素子やjQueryオブジェクトは、次の一致する兄弟要素の検索を停止します
filter 任意。 セレクタストップ間の要素を兄弟の検索を絞り込むためにセレクタ式を指定します。

注:複数の兄弟を返すには、コンマで各式を区切ります。

それを自分で試してみてください - 例

検索を絞り込みます
2つの引数の間の次の兄弟要素の検索をフィルタリングするために、両方のパラメータを使用しました。

複数の兄弟を返します。
2つの引数の間の複数の兄弟要素を返す方法。

DOM
すべての兄弟要素2与えられた引数を返すために、代わりにセレクタのDOM要素を使用します。

両方のパラメータでDOMを使用して、
DOM要素の代わりにセレクタとの両方のパラメータを使用すると、2つの引数の間次の兄弟の検索をフィルタリングします。


<jQueryのトラバース方法