डोम में किसी तत्व को कैसे स्थानांतरित करें?

Question

मेरे पास डॉम में #superWidget तत्व है जो बहुत ही इंटरैक्टिव है। यह jquery UI sortable, draggable, और अन्य प्लगइन का एक समूह का उपयोग करता है।

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

मैं डॉम में #superWidget की स्थिति बदलना चाहता हूं। मैं इसे #wrapperB से हटाना चाहता हूं और इसे #wrapperA में रखना चाहता हूं।

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

मैं निम्नलिखित की कोशिश की है ...

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

... लेकिन इस प्लग-इन का एक बहुत टूट जाता है।

मैं सब कुछ पुनर्जीवित नहीं करना चाहता हूं। क्या ऐसा करने के लिए इससे अच्छा तरीका है? डुप्लिकेट आपकी मदद के लिए (मैं देखा कि jQuery यूआई sortable किसी भी तरह किसी भी अन्तरक्रियाशीलता को तोड़ने के बिना डोम में चारों ओर तत्वों को स्थानांतरित करने में सक्षम है ... एक तरह से होना चाहिए।)

धन्यवाद (अग्रिम में)

Answer 1

बजाय , बस यह करें:

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