删除 div 周围的 div [重复]

【问题标题】：Remove divs around a div [duplicate]删除 div 周围的 div [重复]
【发布时间】：2012-10-19 13:42:25
【问题描述】：

我的 HTML

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

问题

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

【问题讨论】：

标签： jquery

【解决方案1】：

你可以试试.replaceWith() (docs)：

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

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

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

【讨论】：

【解决方案2】：

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

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

【讨论】：

【解决方案3】：

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

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

【讨论】：

【解决方案4】：

试试unwrap()

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

【讨论】：