Replacing Elements with jQuery's replaceWith Method
You can replace one element with another using the replaceWith method.
Let's look at an example, let's say we have the following paragraphs:
<p class="www">text</p>
<p class="www">text</p>
<p class="www">text</p>
<p>text</p>
Let's replace all paragraphs with class www with '<div>!!!</div>':
$('.www').replaceWith('<div>!!!</div>');
HTML the code will look like this:
<div>!!!</div>
<div>!!!</div>
<div>!!!</div>
<p>text</p>
Replace each h2 with its contents.
Replace each h2 with its contents, after wrapping the contents in a paragraph.