将一个div移到另一个div

Question

我有2个主要div：

    <div id="div1">
<div id="minidiv1">a</div>
<div id="minidiv2">b</div>
   </div>
   <div id="div2"></div>

我想用jQuery将minidiv1移动到div2中

我能怎么做？

Answer 1

您可以简单地将其附加到div2 ，它将更改其在DOM中的位置：

$('#minidiv1').appendTo('#div2'); 
// or
$('#div2').append('#minidiv1');

上面两行的区别在于返回的内容， appendTo返回#minidiv元素， append将返回#div2元素。

如果要执行更多操作（通过链接），请使用最有用的方法。

Answer 2

$('#minidiv1').appendTo('#div2');

要么

$('#div2').append($('#minidiv1'));

Answer 3

$("#minidiv1").appendTo("#div2")

Answer 4

卢卡，保罗的回答对您有用吗？ 我认为您需要像这样引用jQuery对象：

$($('#minidiv1')).appendTo('#div2'); 
// or
$('#div2').append($('#minidiv1'));

否则，jQuery只会将字符串“＃minidiv1”附加到＃div2，而不是移动现有的div。