Latest web development tutorials

jQueryのnextAll()メソッド

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

すべての兄弟要素の後に「スタート」クラス名を持つ各<LI>要素を返します:

$(document).ready(function(){
$("li.start").nextAll().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)

»をお試しください

定義と使用法

nextAll()メソッドは、選択した要素の後に、すべての兄弟要素を返します。

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

DOMツリー:フォワード兄弟のDOM要素トラバーサルに沿ってこの方法。

関連するメソッド:

  • 次の() -選択された要素の兄弟要素された後の戻り値
  • nextUntil() -の後に指定されたパラメータの各要素にすべての2人の兄弟を返します。

文法

$(selector).nextAll( filter )

参数 描述
filter 可选。规定缩小搜索元素之后的同级元素范围的选择器表达式。

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

例

より多くの例

検索結果を絞り込みます
要素の後にどのようツー・ピアの検索フィルタエレメント。

複数の兄弟要素を返します。
どのフィルタパラメータが "1"、 "2"、 "3" <H2>要素のクラス名を持つすべての兄弟要素を返す使用します。

結局兄弟要素<p>要素を選択します
どのようにそれ以降のすべての兄弟要素<p>要素を選択します。

すべてのピア<p>要素は、<div>の後を選択します
すべてのピア<P>以降の各<div>要素の要素を選択する方法。


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