如何在不影响DOM的情况下从父级删除子元素

我有如下的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)，不会返回两个.div1

笔记：

上面是一个简单的示例示例，但是在我的项目中，我有非常大量的div，例如div1

所以我想做下面的操作，

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);
});

请给我最短的解决方案。