jQuery nextUntil()メソッド

❮jQueryトラバースメソッド

クラス名が「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()メソッドと同じ )。

関連する方法:

  • next() -選択した要素の次の兄弟要素を返します
  • 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つの引数間の次の兄弟検索をフィルター処理します。


❮jQueryトラバースメソッド