jquery - DOM に影響を与えずに子要素を親から削除する方法

Question

私は以下のようなdiv構造を持っています、

<div class="parent">
<div class="div1"></div>
<div class="div2"></div>
<div class="div3"></div>
<div class="div4"></div>

<div class="child">
<div class="div1"></div>
<div class="div2"></div>
<div class="div3"></div>
<div class="div4"></div>
</div>

</div>

で親を選択しましたvar ele = $(".parent");

DOM に影響を与えずに「ele」変数から「.child」div を削除するにはどうすればよいですか?

のようにクエリできますが$(".div1", ele)、2 つの .div1 は返されません

ノート：

上記は簡単なサンプル例ですが、私のプロジェクトでは div1 のような非常に大量の div があります

だから私は以下のような操作をしたい、

var ele = $(".parent");
ele.each(function(){
         var g = $(this);
      var val1 = $(".div1", g);
      var val1 = $(".div2", g);
      var val1 = $(".div3", g);
      var val1 = $(".div4", g);
});

最短の解決策を教えてください。