nextメソッド

メソッド next は、 指定された要素と同じ親の中にある 次の要素を返します。

構文

直後の隣接要素の取得:

javascript.next();

指定されたセレクタに一致する場合のみ、 直後の隣接要素を選択することもできます:

javascript.next(セレクタ);

例

要素 #test を見つけ、その次の隣接要素に メソッド html を使用して テキスト '!' を設定してみましょう:

html<p>テキスト</p>
<p>テキスト</p>
<p id="test">テキスト</p>
<p>テキスト</p>
<p>テキスト</p>
javascript$('#test').next().html('!');

HTMLコードは次のようになります:

html<p>テキスト</p>
<p>テキスト</p>
<p id="test">テキスト</p>
<p>!</p>
<p>テキスト</p>

関連項目

  • メソッド prev,
    要素の前の隣接要素を取得できます
  • メソッド nextAll,
    指定された要素と同じ親の中にある後続の全ての要素を返します
  • メソッド nextUntil,
    指定された要素の後方にある要素を返します
  • メソッド siblings,
    要素と同じ親の中にある兄弟要素を取得できます
  • JavaScriptプロパティ nextElementSibling,
    同じ親内の次の要素を含みます