Jak przenieść element w DOM?

Question

Mam element #superWidget w DOM, który jest bardzo interaktywny. Używa sortowalnych UI jquery, przeciągalnych i wielu innych wtyczek.

<div id="wrapperA"></div> 
<div id="wrapperB"> 
    <div id="superWidget"></div> 
</div> 

Chcę zmienić pozycję #superWidget w DOM. Chcę go usunąć z #wrapperB i umieścić w #wrapperA.

<div id="wrapperA"> 
    <div id="superWidget"></div> 
</div> 
<div id="wrapperB"></div> 

Próbowałem następujących ...

var copy = $("#superWidget").clone(true, true); 
$("#superWidget").remove(); 
$("#wrapperA").append(copy); 

... jednak ten łamie wiele wtyczek.

Nie chcę ponownie wiązać wszystkiego. Czy jest lepszy sposób to zrobić? (Zauważyłem, że jQuery UI sortable jest jakoś w stanie poruszać się wokół elementów w DOM nie łamiąc żadnego interaktywność ... nie musi być droga.)

Podziękuj (z góry) za pomoc

Answer 1

Zamiast powielania , zrób to:

document.getElementById('wrapperA').appendChild(document.getElementById('superWidget'));