移動一個div到另一個DIV

Question

我有2個主要的div：

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

我想移動minidiv1到DIV2與jQuery

我該怎麼辦？

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，而不是移動現有的股利。