How to remove div without inner elements

Question

I would like to remove one div element, but without its children. For example, let's say that i have one div with id wrapper, and inside it 5 paragraphs.

I want to remove only the wrapper div, but to leave paragraphs alive. I have tried both remove() and detach(), but they both clean out the inner elements.

Any advice?

Older question, probably with obsolete answers: http://stackoverflow.com/questions/2032317/how-can-i-remove-a-surrounding-div-with-jquery — Robert Harvey, Jun 28 '12 at 21:10

score 14 · Accepted Answer · edited Sep 21 '16 at 11:27

14

http://api.jquery.com/unwrap/ should do it:

The .unwrap() method removes the element's parent. This is effectively the inverse of the .wrap() method. The matched elements (and their siblings, if any) replace their parents within the DOM structure...

edited Sep 21 '16 at 11:27

gnat

6,213
108
53
73

answered Jun 28 '12 at 21:09

Uku Loskit

40,868
9
92
93

score 6 · Answer 2 · answered Jun 28 '12 at 21:10

6

jsFiddle demo

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

answered Jun 28 '12 at 21:10

Roko C. Buljan

196,159
39
305
313

Might be @Robert, but doing just `.unwrap()` you'll do nothing (if you use the 'parent' as a selector). – Roko C. Buljan Jun 28 '12 at 21:14

score 4 · Answer 3 · answered Jun 28 '12 at 21:09

4

Check out .replaceWith()

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

answered Jun 28 '12 at 21:09

Steve Robbins

13,672
12
76
124

You are the saviour. I'm using one CMS, which tends to add wrapper div to any content added through HTML editor. But it messed up my absolute positioned elements, so i needed to remove it. – fluxus Jun 28 '12 at 21:12

score 0 · Answer 4 · edited Jun 28 '12 at 22:22

0

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

should do ;)

edited Jun 28 '12 at 22:22

sachleen

30,730
8
78
73

answered Jun 28 '12 at 21:13

xxx xxx

1

Someone already provided a `replaceWith` answer four minutes ago. – Robert Harvey Jun 28 '12 at 21:15
`text()` will wipe out html tags – charlietfl Jun 28 '12 at 21:16

How to remove div without inner elements

4 Answers4