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

jQuery エフェクトリファレンスマニュアル

例

各段落を太字テキストに置き換えます：

$(".btn1").click(function(){
   $("p").replaceWith("<b>Hello world!</b>");
});

実際に試してみましょう

定義と用法

replaceWith() メソッドは指定されたHTML内容またはエレメントを使用して選択されたエレメントを置き換えます。

ヒント：replaceWith() と replaceAll() 作用は同じですが、文法が異なります：内容と選択子の位置、およびreplaceAll()は関数を使用して置き換えることができません。

文法

$().replaceWith(content)
引数 説明
content

必須。選択されたエレメントの内容を指定します。

可能な値:

  • HTML コード - 例えば ("<div></div>")
  • 新しいエレメント - 例えば (document.createElement("div"))
  • 既存の要素 - 例えば ($(".div1"))

既存の要素は移動されず、コピーされ、選択されたエレメントにラップされます。
必須。置き換える要素を指定します。

関数を使用してエレメントを置き換える

関数を使用して選択されたエレメントを新しい内容に置き換えます。

文法

$().replaceWith(function())

実際に試してみましょう

引数 説明
function() 必須。選択されたエレメントを置き換えるための新しい内容を返す関数。

さらに多くの例

新しいエレメントを使用してエレメントを置き換える
document.createElement() を使用して新しい DOM エレメントを作成し、それを使用して選択されたエレメントを置き換えます。

jQuery エフェクトリファレンスマニュアル