例
各のすべての次の兄弟要素を返します<li>クラス名を持つ要素"start" ：
$(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要素の兄弟に沿って前方に横断します。
関連するメソッド：
- next() -選択された要素の次の兄弟要素を返します。
- nextUntil() - 2指定された引数の間のすべての次の兄弟要素を返します。
構文
$(selector).nextAll( filter )| パラメーター | 説明 |
|---|---|
| filter | 任意。 次の兄弟の検索を絞り込むためにセレクタ式を指定します。 注：複数の兄弟を返すには、コンマで各式を区切ります。 |
それを自分で試してみてください - 例
検索を絞り込みます
次の兄弟要素の検索をフィルタリングする方法。
複数の兄弟を返します。
すべての兄弟を取得するために、フィルタパラメータを使用して、 <h2>クラス名を持つ要素を"first", "second"および"third" 。
すべての次の兄弟要素を選択し<p>要素を
すべての次の兄弟要素を選択する方法<p>要素を。
すべての次の兄弟を選択して<p>の要素<div>
すべての次の兄弟を選択する方法<p>各要素<div>要素を。