jquery - 複数の親を削除するjQueryアンラップ

Question

私はそのようなhtml構造を持っています

<aside class="l-region l-region--sidebar-first">
  <div></div>
  <div></div>
</aside>

aside 内の 2 つの div にはクラスと子要素がありますが、質問のために、それらが何であるかを知る必要はありません。DOM の準備ができたら、次のように 2 つの内側の div を新しい div でラップします

<aside class="l-region l-region--sidebar-first">
  <div class"wrapping-div">  
    <div class="inner-div-one"></div>
    <div class="inner-div-two"></div>
  </div>
</aside>

.wrapping-div 内の 2 つの div を取得するために wrap() 関数を使用しません。その div を作成し、それを aside 内の DOM に追加してから、作成した新しい要素に 2 つの内部 div を追加します。

これら 2 つの div を unwrap() しようとすると、.wrapping-div と .l-region--sidebar-first の両方が DOM から削除されます。JS で以下の要素をアンラップします。

$(function() {
  $('.inner-div-one').unwrap();
  $('.inner-div-two').unwrap();
});

unwrap() は片方の親を削除することになっていると思いました。なぜ両方を削除するのですか?これを止める方法を誰かが知っていますか?

乾杯。