删除div周围的div

Question

我的HTML

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

问题

我有什么方法可以删除<div class="real_content"></div>周围的2个div，这样它就不会出现在我的网站的HTML和前端了吗？感谢。

Answer 1

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

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

还有一个.unwrap()函数（docs），如果您更喜欢更相对的方式：

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

Answer 2

如果用jQuery替换它，代码仍将出现在HTML源代码中，以隐藏它，否则你需要在服务器端执行它。但是，要用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();