我可以追加一个已经存在的div到另一个已经存在的div吗？

Question

我有一个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

检查this jsFiddle一个快速POC。显然它确实。

关键是要传递对象引用，而不仅仅是对象ID，像这样：

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

您也可以通过当前对象，使用this：

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