jQueryのreplaceWithメソッドによる要素の置換
メソッド
replaceWith
を使って、ある要素を別の要素に置き換えることができます。
例を見てみましょう。以下のような段落があるとします:
<p class="www">text</p>
<p class="www">text</p>
<p class="www">text</p>
<p>text</p>
クラス
www
を持つすべての段落を
'<div>!!!</div>'
に置き換えてみましょう:
$('.www').replaceWith('<div>!!!</div>');
HTMLコードは以下のようになります:
<div>!!!</div>
<div>!!!</div>
<div>!!!</div>
<p>text</p>
すべての
h2
要素をその内容で置き換えてください。
すべての
h2
要素を、その内容を段落タグで囲んだものに置き換えてください。