删除围绕一个div

Question

我的HTML

<div class="wrapper"> 
    <div class="wrapper2"> 
    <div class="real_content"></div> 
    </div> 
</div> 

问题

的div有没有办法对我来说，除去2周的div周围<div class="real_content"></div>，所以它不会出现在HTML和前端我的网站？谢谢。

Answer 1

你可以尝试.replaceWith()（docs）：

$('.wrapper').replaceWith($('.real_content')); 

也有一个.unwrap()功能（docs），如果你喜欢更相对的方式：

$('.real_content').unwrap().unwrap(); 

Answer 2

的代码仍然会出现在HTML源代码中，如果你用jQuery替换它，要隐藏它，否则你需要在服务器端做它。但是，为了与jQuery代替的DIV，你可以使用jQuery.replaceWith() -

var content = $('.real_content'); 
$('.wrapper').replaceWith(content); 

Answer 3

您可以简单地使用jQuery中unwrap，

$(".real_content").unwrap().unwrap();​

http://api.jquery.com/unwrap/

Answer 4

尝试unwrap()

$('.real_content').parent().unwrap();