[解決済み] JavaScriptで親要素だけを削除し、子要素を削除しない方法は？

質問

としましょう。

<div>
  pre text
  <div class="remove-just-this">
    <p>child foo</p>
    <p>child bar</p>
    nested text
  </div>
  post text
</div>

をこれに変更します。

<div>
  pre text
  <p>child foo</p>
  <p>child bar</p>
  nested text
  post text
</div>

MootoolsやjQuery、さらには（生の）JavaScriptを使って考えてみたのですが、これをどうすればいいのかがつかめなかったのです。

どのように解決するのですか？

使用方法 jQuery を使うと、こんなことができます。

var cnt = $(".remove-just-this").contents();
$(".remove-just-this").replaceWith(cnt);

ドキュメントへのクイックリンクです。

• 内容 ( ) : jQuery
• replaceWith ( 内容 : [ 文字列 | 要素 | jQuery ] ) : jQuery