jquery - 删除 div 周围的 div

Question

我的 HTML

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

问题

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

Answer 1

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

$('.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

Answer 4

try unwrap()

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