既存のdivを別の既存のdivに追加できますか？

Question

独自の不透明度0のdivの連絡先フォームと、ユーザーがメニューをクリックした内容に応じてコンテンツが動的に操作されるdivがあります。ユーザーがメニューの最後の段階に到達した後、すべてを表示するdivのコンテンツをクリアしてから、フォームdivをそこに「移動」する必要があります。

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

したがって、既存の2つのdivを要約するには、クリックしてそれらの1つを他のdivに配置する必要があります。

Answer 1

.appendTo()

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

.append()

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

Answer 2

クイックPOCについては this jsFiddle を確認してください。どうやらそうです。

トリックは、次のように、オブジェクトIDだけでなく、オブジェクト参照を渡すことです。

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

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

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