java移动元素_如何将元素移动到另一个元素？

我想将一个DIV元素移到另一个元素中。 例如，我想移动它(包括所有孩子)：

...

进入这个：

...

所以我有这个：

...

#1楼

我刚用过：

$('#source').prependTo('#destination');

我从这里抓住了 。

#2楼

您可能想要使用appendTo函数(添加到元素的末尾)：

$("#source").appendTo("#destination");

或者你可以使用prependTo函数(它添加到元素的开头)：

$("#source").prependTo("#destination");

例：

$("#appendTo").click(function() { $("#moveMeIntoMain").appendTo($("#main")); }); $("#prependTo").click(function() { $("#moveMeIntoMain").prependTo($("#main")); });

#main { border: 2px solid blue; min-height: 100px; } .moveMeIntoMain { border: 1px solid red; }

main

move me to main

appendTo main prependTo main

#3楼

如果要放置元素的div包含内容，并且您希望元素显示在主要内容之后：

$("#destination").append($("#source"));

如果要放置元素的div包含内容，并且要在主要内容之前显示元素：

$("#destination").prepend($("#source"));

如果要放置元素的div为空，或者您想要完全替换它：

$("#element").html('

...

');

如果要在上述任何一个之前复制元素：

$("#destination").append($("#source").clone());

// etc.

#4楼

您也可以尝试：

$("#destination").html($("#source"))

但这将完全覆盖#destination任何内容。

#5楼

您可以使用：

要插入之后，

jQuery("#source").insertAfter("#destination");

要插入另一个元素，

jQuery("#source").appendTo("#destination");