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

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

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

実際に試してみてください

定義と用法

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

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

構文

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

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

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

さらに多くの例

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