在<div>和appendTo </div>中选择HTML内容

Question

我正在尝试做这样的事情：

<div id="aa">
 <select><option>1</option></select>
 <select><option>a</option></select>
</div>

<div id="bb"></div>

$('#aa').html(appendTo('#bb'));

如何将#aa内的两个选择菜单移至#bb？

非常感谢。

Answer 1

如果您想移动它们，而不是复制它们，请执行以下操作：

$('#aa').children().appendTo('#bb');

如果你做想要复制它们，你可以这样做：

$('#aa').children().clone(true).appendTo('#bb');

这两个都可以防止你不必要地破坏DOM元素，并且它们会在元素上保留任何事件处理程序。

---

编辑：我的方向错了。我将bb的孩子附加到aa。固定的。

Answer 2

移动还是复制？

你可以用它来复制：

$('#bb').html($('#aa').html());

如果您要清除#aa，请执行：

$('#aa').html('');

http://jsfiddle.net/VhuG7/

Answer 3

$('#aa>select').appendTo('#bb);

将所有'select'元素从aa移动到bb

Answer 4

$('#bb').html($('#aa').html());

这应该有效