jQuery nextAll() メソッド

クラス名 "start" を持つ、各 <li> 要素の次の全兄弟要素を返す：

$(document).ready(function(){
$("li.start").nextAll().css({"color": "red", "border": "2px solid red"});
});

結果：

定義と用法

nextAll() メソッドは、選択した要素の次の全兄弟要素を返します。

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

DOM ツリー： このメソッドは、DOM 要素の兄弟をたどりながら前方にトラバースします。

$(selector).nextAll(filter)

パラメータ	説明
filter	任意。次の兄弟検索を絞り込むセレクタ式を指定する注: 複数の兄弟を返すには、各式をカンマで区切ること

検索の絞り込み
複数の兄弟を返すには、各式をカンマで区切ること

複数の兄弟を返す
クラス名が "first"、"second"、"third" である <h2> 要素の全兄弟を返すため、フィルタパラメータを使用する方法。

<p> 要素の次の全兄弟要素を選択する
<p> 要素の次の全兄弟要素を選択する方法。

<div> の次の全兄弟 <p> 要素を選択する
各 <div> 要素の次の全兄弟 <p> 要素を選択する方法。