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

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

例

各段落を太文字に置き換えます：

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

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

定義と使用法

replaceAll() メソッドは指定された HTML コンテンツまたはエレメントで選択されたエレメントを置き換えます。

ヒント：replaceAll() と replaceWith() 作用は同じです。違いは構文：内容と選択子の位置、および replaceWith() が関数を使用して置き換えられることです。

構文

$(content).replaceAll(', 'selector)
パラメータ 説明
content

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

可能な値:

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

既存のエレメントは移動されず、選択されたエレメントをコピーし、それを囲みます。
selector 必須。置き換えたいエレメントを指定します。

さらに多くの例

新しいエレメントでエレメントを置き換える
新しい DOM エレメントを作成し、それを使って選択されたエレメントを置き換えます。

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