How to move child element from one parent to another using jQuery [duplicate]

As Jage’s answer removes the element completely, including event handlers and data, I’m adding a simple solution that doesn’t do that, thanks to the detach function.

var element = $('#childNode').detach();
$('#parentNode').append(element);

Edit:

Igor Mukhin suggested an even shorter version in the comments below:

$("#childNode").detach().appendTo("#parentNode");

Leave a Comment