क्या मैं पहले से ही मौजूदा div को पहले से मौजूद मौजूदा div में जोड़ सकता हूं?

Question

मेरे पास ओपेसिटी 0 के साथ एक div में एक संपर्क फ़ॉर्म है, और एक div जहां सामग्री गतिशील रूप से छेड़छाड़ की जाती है, उपयोगकर्ता मेनू पर क्लिक करने के आधार पर। उपयोगकर्ता के मेनू के आखिरी चरण में आने के बाद मुझे div की सामग्री को साफ़ करने की आवश्यकता है जो सबकुछ प्रदर्शित करता है और उसके बाद फॉर्म div को "move" में ले जाता है, इस काम को कुछ पसंद करेगा?

$('#menu_form').on('click', function() { 
    $('#form_div').append('#display_div'); 
}); 

तो 2 पहले से मौजूद divs को दोबारा रिक्त करने के लिए, उनमें से एक को क्लिक पर दूसरे में रखने की आवश्यकता है।

Answer 1

आप उपयोग कर सकते हैं: .appendTo() विधि:

$('#menu_form').on('click', function(){ 
    $('#form_div').appendTo('#display_div'); // appendTo -> selector 
}); 

या आप .append() विधि का उपयोग कर सकते हैं: एक त्वरित POC के लिए

$('#menu_form').on('click', function(){ 
    $('#display_div').append($('#form_div')); // append -> object 
}); 

Answer 2

चेक this jsFiddle। जाहिर है यह करता है।

$('#menu_form').on('click', function(){ 
    $('#form_div').append($('#display_div')); 
}); 

तुम भी मौजूदा वस्तु गुजर सकता है, this का उपयोग कर:

चाल वस्तु संदर्भ ही नहीं, वस्तु आईडी, इसलिए जैसे पारित करने के लिए है

$('#menu_form').on('click', function(){ 
    $('#form_div').append(this); 
});