jQuery 遍历 - nextAll() メソッド

最初のdivの後続するすべてのクラス名を検索し、それらにクラス名を追加します:

$("div:first").nextAll().addClass("after");

自分で試してみてください

定義と使用法

nextAll()は、一致する要素集合の各要素のすべての後続する同胞要素を取得し、選択子でフィルタリングすることはオプションです。

文法

.nextAll(selector)
パラメータ 説明
selector 要素をマッチングするための選択子表現を含む文字列値

詳細な説明

DOM要素集合を表すjQueryオブジェクトが与えられた場合、.nextAll()メソッドはDOM木の中で要素の後続する同胞要素を検索し、一致する要素で構成された新しいjQueryオブジェクトを作成することができます。

このメソッドは、$()関数に渡した同じタイプのオプションの選択子表現を受け入れます。選択子を適用すると、要素が一致するかどうかを検出してそれらをフィルタリングします。

以下の簡単なリストを持つページを考えてみてください:

<ul>
   <li>list item 1</li>
   <li>list item 2</li>
   <li class="third-item">list item 3</li>
   <li>list item 4</li>
   <li>list item 5</li>
</ul>

もしプロジェクト 3 から始めたら、その後に出現する要素を見つけることができます:

$('li.third-item').nextAll().css('background-color', 'red');

自分で試してみてください

この呼び出しの結果、プロジェクト 4 と 5 が赤い背景に設定されました。選択子表現を適用していないため、その直後の要素は明確にオブジェクトの一部として含まれています。もし選択子を適用していたら、それを含める前に要素が一致するかどうかを検出します。