.unwrap()【親要素削除】

<style>
.border { border:1px black solid; padding:1px 5px; margin-left:5px; }
.border2 { border:2px red dashed; padding:5px 5px; line-height:250%; }
</style>

<p>削除なし</p>
<div>
  <p><span class="border2"><span class="border">コンテンツ１</span></span></p>
  <p><span class="border2"><span class="border">コンテンツ２</span></span></p>
  <p><span class="border2"><span class="border">コンテンツ３</span></span></p>
</div>

<p>unwrap()</p>
<div id="id1">
  <p><span class="border2"><span class="border">コンテンツ１</span></span></p>
  <p><span class="border2"><span class="border">コンテンツ２</span></span></p>
  <p><span class="border2"><span class="border">コンテンツ３</span></span></p>
</div>

<p>unwrap("span")</p>
<div id="id2">
  <p><span class="border2"><span class="border">コンテンツ１</span></span></p>
  <p><span class="border2"><span class="border">コンテンツ２</span></span></p>
  <p><span class="border2"><span class="border">コンテンツ３</span></span></p>
</div>

<p>unwrap("p")</p>
<div id="id3">
  <p><span class="border2"><span class="border">コンテンツ１</span></span></p>
  <p><span class="border2"><span class="border">コンテンツ２</span></span></p>
  <p><span class="border2"><span class="border">コンテンツ３</span></span></p>
</div>

<script>
$("#id1 *").unwrap();
$("#id2 *").unwrap( "span" );
$("#id3 *").unwrap( "p" );
</script>

削除なし

unwrap()

unwrap("span")

unwrap("p")