如何删除没有内容的div
如何删除没有内容的div
提问于 2018-08-29 18:40:47
我在删除一个没有内容的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>我需要删除包含类"wrap“的div。我想要这样的结构，只是没有“包装”：
<div id="mainWrap">
<div class="test">Menu 1</div>
<div class="test">Menu 2</div>
<div class="test">Menu 3</div>
<div class="test">Menu 4</div>
</div>我尝试使用这个jquery：
$("button").click(function () {
$(".test").not().siblings().unwrap();
});有了这个：
var content = $(".wrap").html();
$(".wrap").remove();
$("body").append(content);对于第二个目标，我到达了我的目标，但是我失去了DOM命令。我怎么才能修好它？
回答 2
Stack Overflow用户
回答已采纳
发布于 2018-08-29 18:46:19
$(document).ready(function(){
var w = $('.wrap').html();
$('.wrap').remove();
$('#mainWrap').prepend(w);
});<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.1/jquery.min.js"></script>
<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>
Stack Overflow用户
发布于 2018-08-29 18:42:35
$(".wrap .test").unwrap('.wrap');.wrap {background: red;}<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>
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
https://api.jquery.com/unwrap/通过使用匹配的父选择器
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/52084159
复制相关文章
相似问题
腾讯云开发者
