我可以将已存在的div附加到另一个已存在的div吗？

我有一个div中的联系表单，它有自己的不透明度0，以及一个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

检查这个jsFiddle以获得快速POC。 显然它确实如此。

诀窍是传递对象引用，而不仅仅是对象id，如下所示：

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

您还可以使用this传递当前对象：

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