Posso aggiungere un div già esistente a un altro div già esistente?

Question

Ho un modulo di contatto in un div su proprio con opacity 0, e un div in cui il contenuto viene manipolato dinamicamente a seconda di ciò che l'utente fa clic sul menu. Dopo che l'utente ha raggiunto l'ultima fase del menu ho bisogno di cancellare il contenuto del div che visualizza tutto e quindi "spostare" il modulo div in esso, sarebbe qualcosa di simile a questo lavoro?

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

Quindi per ricapitolare 2 div già esistenti, è necessario inserirne uno nell'altro al clic.

Answer 1

È possibile utilizzare: .appendTo() metodo:

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

oppure è possibile utilizzare il metodo .append():

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

Answer 2

Controllare this jsFiddle per un rapido POC. Apparentemente lo fa.

Il trucco è quello di passare il riferimento all'oggetto, non solo l'ID oggetto, in questo modo:

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

Si potrebbe anche passare l'oggetto corrente, utilizzando this:

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