如何删除没有内部元素的div

时间:2012-06-28 21:07:05

标签: jquery jquery-selectors

我想删除一个div元素,但没有子元素。例如,假设我有一个带有id包装器的div,并且在其中有5个段落。

我想只删除包装div,但要保留段落。我已经尝试了remove()和detach(),但它们都清理了内部元素。

有什么建议吗?

4 个答案:

答案 0 :(得分:14)

http://api.jquery.com/unwrap/应该这样做:

  

.unwrap()方法删除元素的父级。这实际上是.wrap()方法的反转。匹配的元素(及其兄弟姐妹,如果有的话)在DOM结构中替换他们的父母......

答案 1 :(得分:6)

jsFiddle demo

$('#element').contents().unwrap();

答案 2 :(得分:4)

查看.replaceWith()

$('#theDiv').replaceWith($('#theDiv').contents());

答案 3 :(得分:0)

$('#yourdivIDtoremove').replaceWith($(this).text());

应该做;)