Question

Hi I need to move a child element to become a parent, so for example i have this code:

<div id="parent1"></div>

<div id="parent2">
<div id="child1">some text in here</div>
</div>

i want child1 to be moved outside of parent2 for example under parent 1 so its like:

<div id="parent1"></div>
<div id="child1">some text in here</div>

<div id="parent2">

</div>

I cannot edit the page source code to alter it so need to do it in jquery or css, any ideas anyone.

thanks

Answer 1

Try this:

$('#child1').insertAfter('#parent1');