Javascript 从div中提取html并删除html中的一些div，然后返回结果？

我想做的很简单，但我不知道如何将结果存储回去？那么我在这里做什么呢

<div id="test_div">
    <div class="wrapper1">My logo wrapper</div>
    <div class="keep">My Table</div>
    <div class="wrapper2">My Wrapper</div>
</div>  

所以，这很简单，但我不知道如何做到这一点：首先删除test_div中的

div

元素，然后返回test_div的剩余内容。很抱歉，我忘了添加一行非常重要的内容我不想将元素作为建议的解决方案从当前页面中删除，甚至使用remove方法也会将其从主页面中删除页面，因此我希望保持主页上的状态，但删除并仅获取优化结果以存储在结果变量中

$(html).remove(".wrapper1");

及

---

假设您想从test_div中删除wrapper1，您可以使用：

$("#wrapper1").remove();

如果要移动wrapper1并在以后使用它：

var wrapper1 = $("#wrapper1").detach();
$(wrapper1).appendTo("#some-new-div");

试试这个：

小提琴：

我的标志包装
我的桌子
我的包装纸
$（“#btn”）。单击（函数（）
{
var copyhtml=$（“#test_div”）.clone（）；
$（copyhtml）.find（“.wrapper1”）.remove（）；
警报（copyhtml.html（））；
});

Hi thx，但我更新了这个问题，因为你建议使用remove将从当前页面中删除，但我不想从当前页面中删除它，所以需要始终可见元素，并且只在javascript端删除元素，以获得优化结果。太棒了，兄弟，这就是我想要的。你太棒了，你怎么想出来的？很高兴它成功了为你。将来，如果不想对DOM产生任何影响，请始终使用clone（）复制DOM对象，然后再对其进行处理。

$("#wrapper1").remove();

var wrapper1 = $("#wrapper1").detach();
$(wrapper1).appendTo("#some-new-div");

<div id="test_div">
    <div class="wrapper1">My logo wrapper</div>
    <div class="keep">My Table</div>
    <div class="wrapper2">My Wrapper</div>
</div>  
<input type="button" id="btn" value="refine"/>

$("#btn").click(function() 
{
   var copyhtml = $("#test_div").clone();
   $(copyhtml).find(".wrapper1").remove();
   alert(copyhtml.html());
});