Javascript 如何删除没有内容的div

我在删除没有内容的div时遇到问题。我有这个html结构：

<div id="mainWrap">
  <div class="wrap">
      <div class="test">Menu 1</div>
      <div class="test">Menu 2</div>
  </div>
  <div class="test">Menu 3</div>
  <div class="test">Menu 4</div>
</div>

因此：

var content = $(".wrap").html();
$(".wrap").remove();
$("body").append(content);

第二次我达到了目标，但我失去了DOM顺序。我怎样才能修复它？

$.wrap.test.unwrap.wrap'； .wrap{背景：红色；} 菜单1 菜单2 菜单3 菜单4 $.wrap.test.unwrap.wrap'； .wrap{背景：红色；} 菜单1 菜单2 菜单3 菜单4 $document.readyfunction{ var w=$'.wrap'.html； $'.wrap'。删除； $'mainWrap'.prependw； }; 菜单1 菜单2 菜单3 菜单4 $document.readyfunction{ var w=$'.wrap'.html； $'.wrap'。删除； $'mainWrap'.prependw； }; 菜单1 菜单2 菜单3 菜单4

---

更改$body.appendcontent；到$'mainWrap'.prependcontent；应该这样做您可以使用：$document.readyfunction{var ctn=$'mainWrap.wrap'.html；$'.wrap'.remove；$'mainWrap.prependctn}；mainWrap.firstChild.outerHTML=mainWrap.firstChild.innerHtmlChang$body.appendcontent；到$'mainWrap'.prependcontent；应该这样做您可以使用：$document.readyfunction{var ctn=$'mainWrap.wrap'.html；$'.wrap'.remove；$'mainWrap.prependctn}；mainWrap.firstChild.outerHTML=mainWrap.firstChild.innerHTML

$("button").click(function () {
$(".test").not().siblings().unwrap();
});

var content = $(".wrap").html();
$(".wrap").remove();
$("body").append(content);