Move div to other parent, so it inherits from that parent [duplicate]

Question

Possible Duplicate:
How to move an element into another element?

I basically want to reassign a parent to my DIV:

<DIV id='main'> <DIV id='child'> </DIV> </DIV> <DIV id='surrogate'> </DIV>

So i want child to be child of surrogate.

I tried:

var $a = $('#child'); var contents = $a.contents(); $a.remove(); $('#surrogate').append('<p>' + contents + '</p>');

But it will just output: [object Object]

Is there a better/working way to just reassign a parent to a whole tree of elements, without reading the content copying or cloning it? Well, maybe cloning works, but I'd rather just move it.

charlietfl · Accepted Answer · 2012-03-07 19:55:53Z

You want to get the html from inside child which returns a string so you can concatenate it the way you are doing

var $a = $('#child'); $('#surrogate').append('<p>' + $a.html() + '</p>'); $a.remove();

contents() is returning a jQuery object and you can't concatenate an object and string

+2, But OP: be careful that the child doesn't already contain a <p> that will get wrapped with another <p> when you append it to the surrogate div (i.e., $a.html() == '<p>Old content of child div.</p>';).

Collectives™ on Stack Overflow

Move div to other parent, so it inherits from that parent [duplicate]

1 Answer 1

1 Comment

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Linked

Related