删除父删除其子女的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。