既存のdivを別の既存のdivに追加することはできますか？

Question

私はdivの中に不透明度0のdivの連絡先フォームを持っています。そしてdivは、ユーザーがメニューをクリックしたことに応じてコンテンツが動的に操作されます。 ユーザーがメニューの最後の段階に到達した後、すべてを表示しているdivのコンテンツをクリアしてから、フォームdivを「移動」する必要があります。 はこの作品のようなものでしょうか？

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

すでに存在する2つのdivを要約するには、クリックしたときにそれらのうちの1つを配置する必要があります。

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を。どうやらそれはそうです。

トリックがそうのように、単にオブジェクトID、オブジェクト参照をない渡すことです：

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

またthisを使用して、現在のオブジェクトを渡すことができます。

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