jQueryで要素を指定した要素の前または後ろに追加するサンプルコード

2023-07-09

以下は、jQueryを使用して指定した要素の前または後ろに要素を追加するサンプルコードです。

要素の前に追加する場合のコード:

// 要素を作成
var newElement = $("<div>New Element</div>");

// 追加先の要素を取得
var targetElement = $("#target");

// 要素を追加
targetElement.before(newElement);

要素の後ろに追加する場合のコード:

// 要素を作成
var newElement = $("<div>New Element</div>");

// 追加先の要素を取得
var targetElement = $("#target");

// 要素を追加
targetElement.after(newElement);

上記のコードでは、#targetというIDを持つ要素の前または後ろに、<div>New Element</div>という新しい要素が追加されます。before()メソッドを使用すると、指定した要素の前に新しい要素が追加されます。after()メソッドを使用すると、指定した要素の後ろに新しい要素が追加されます。

必要に応じて、新しい要素や追加先の要素のセレクタを変更してください。