Latest web development tutorials

jQueryのnextUntil()メソッド

jQueryのトラバーサル方法 jQueryのトラバーサル方法

「開始」と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要素トラバーサルに沿ってこの方法。

注:すべて兄弟(と両方のパラメータがnullの場合、この方法は、後の要素を返すnextAll()と同じ方法で)。

関連するメソッド:

  • 次の() -選択された要素の兄弟要素された後の戻り値
  • nextAll() -選択した要素の後に、すべての兄弟要素を返します。

文法

$(selector).nextUntil( stop,filter )

参数 描述
stop 可选。表示在哪里停止搜索元素之后匹配的同级元素的选择器表达式、元素、jQuery 对象。
filter 可选。规定缩小搜索介于 selectorstop 之间的同级元素范围的选择器表达式。

注意:如需返回多个同级元素,请使用逗号分隔每个表达式。

例

より多くの例

検索結果を絞り込みます
2つのパラメータは、後で上の2つの間の引数の各要素間の要素を兄弟の検索をフィルタリングするために使用されています。

複数の兄弟要素を返します。
二つのパラメータの間に複数の兄弟要素を返す方法。

DOM
2指定されたパラメータ間のすべての兄弟要素に戻るには、DOM要素の代わりにセレクタを使用してください。

2パラメータでDOMを使用します
代わりに、後で上の2つの間の引数の各要素間の要素を兄弟の検索をフィルタリングすることを選択した二つのパラメータでDOMを使用してください。


jQueryのトラバーサル方法 jQueryのトラバーサル方法