replaceWithメソッド

replaceWithメソッドは、ある要素を他の要素で置き換えます。このメソッドは、
replaceAllメソッドと同様に動作します。

構文

メソッドのパラメータには、テキスト（タグを含むことも可能）、配列、DOM要素、またはjQueryオブジェクトを指定できます:

javascript$(置き換える対象).replaceWith(置き換える内容);

選択された要素は、ユーザー定義関数によって返されるテキスト内容で置き換えられます。この関数は、選択された各要素に対して個別に呼び出されます:

javascript$(セレクタ).replaceWith(function());

例

wwwクラスを持つすべての段落を、テキスト '!!!' を持つdivで置き換えてみましょう:

html<p class="www">text</p>
<p class="www">text</p>
<p class="www">text</p>
<p>text</p>

javascript$('p.www').replaceWith('<div>!!!</div>');

これにより、HTMLコードは次のようになります:

html<div>!!!</div>
<div>!!!</div>
<div>!!!</div>
<p>text</p>

関連項目