Czy mogę dołączyć istniejący div do innego już istniejącego div?

Question

Mam formularz kontaktowy w div na jego własny z krycie 0, i div, gdzie zawartość jest dynamicznie manipulowana w zależności od tego, co użytkownik kliknie w menu. Po przejściu użytkownika do ostatniego etapu menu muszę wyczyścić zawartość elementu div, który wyświetla wszystko, a następnie "przenieść" formularz div do niego, czy coś takiego działa?

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

Aby ponownie podsumować 2 już istniejące elementy div, należy umieścić jedną z nich w drugiej po kliknięciu.

Answer 1

Można użyć: .appendTo() metody:

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

lub użyć .append() metody:

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

Answer 2

Sprawdź this jsFiddle na szybki PKOl. Najwyraźniej tak jest.

Sztuką jest, aby przekazać referencję do obiektu, a nie tylko identyfikator obiektu, tak jak poniżej:

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

Można również przekazać bieżący obiekt, używając this:

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