我可以将已存在的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);
});