jquery - 我可以将一个已经存在的 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

检查这个 jsFiddle以获得快速的 POC。显然是的。

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

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

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

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