jQueryのnextAll()メソッド
例
すべての兄弟要素の後に「スタート」クラス名を持つ各<LI>要素を返します:
$(document).ready(function(){
$("li.start").nextAll().css({"color":"red","border":"2px solid red"});
});
$("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>要素の要素を選択する方法。