刪除圍繞一個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();