jQueryドキュメント操作 - insertAfter()メソッド

p要素の後ろにspan要素を挿入します:

$("button").click(function(){
  $("<span>Hello world!</span>").insertAfter("p");
});

実際に試してみましょう

定義と使用法

insertAfter()メソッドは、選択された要素の後ろにHTMLマークアップや既存の要素を挿入します。

注記:このメソッドが既存の要素に対して使用された場合、これらの要素は現在の場所から移動され、選択された要素の後ろに追加されます。

文法

$(content).insertAfter(selector)
パラメータ 説明
content

必須。挿入する内容を指定します。可能な値:

  • 選択子表現
  • HTMLマークアップ
selector 必須。選択された要素を挿入する場所を指定します。

さらに多くの例

既存の要素を挿入する
insertAfter()メソッドを使用して、選択された要素の後ろに既存の要素を挿入する方法について説明します。