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

Question

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

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

したがって、既存の2つの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については、このjsFiddleを確認してください。どうやらそうです。

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

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

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

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