Javascript 将一个div移动到另一个div

我有两个主要部门：

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

A.
B

我想用jquery将minidiv1移动到div2中

---

我该怎么做？

您只需将其附加到div2，它就会更改其在DOM中的位置：

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

上面两行的区别是返回的内容，

appendTo

返回

#minidiv

元素，

append

将返回

#div2

元素

---

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

您只需将其附加到div2，它将更改其在DOM中的位置：

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

上面两行的区别是返回的内容，

appendTo

返回

#minidiv

元素，

append

将返回

#div2

元素

如果您想执行更多操作（通过链接），请使用您认为最有用的操作

或

或

---

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

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

---

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

Luca，Paul的答案对您有效吗？我认为您需要像这样引用jQuery对象：

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

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

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