刪除父刪除其子女的jQuery

Question

我想只刪除父DIV和讓他們的孩子，因爲它是：

 <div id="main"> 
     <div id="1"></div> 
     <div id="2"></div> 
     </div> 

如何，我們只能在#main div刪除而不刪除其children div #1 & #2？我試過detach()，但它沒有奏效。

Answer 1

將元素替換爲其內容。

$('#main').replaceWith($(this).html()) 

Answer 2

也許unwrap是你想要的嗎？

Answer 3

嘗試unwrap()。

​$('#main div')​.unwrap();​​​​​​​​​​ 

jsFiddle example。