如何将一个元素移入另一个元素？

我想把一个DIV元素移到另一个里面。例如，我想移动这个（包括所有的孩子）。

<div id="source">
...
</div>

移到这个里面。

<div id="destination">
...
</div>

这样，我就有了这个。

<div id="destination">
  <div id="source">
    ...
  </div>
</div>
BoltClock
已编辑的问题 17日 九月 2014 в 3:45
编程
javascript html jquery
14日 八月 2009 в 8:14
100 种观点
解决办法

你可能想使用[appendTo][1]函数（它添加到元素的末端）。

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

或者，你可以使用[prependTo][2]函数（添加到元素的开头）。

$("#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;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="main">main</div>
<div id="moveMeIntoMain" class="moveMeIntoMain">move me to main</div>

appendTo main
prependTo main
Clonkex
编辑本段答案26日 二月 2018 в 12:32
评论(15)

我只是用了。

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

这是我从这里抓来的。

Cᴏʀʏ
编辑本段答案24日 七月 2015 в 2:55
评论(4)

如果你想放元素的div里面有内容，而你想让这个元素在主要内容之后显示*。

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

如果你想放元素的div里面有内容，而你想在**主要内容之前显示该元素。

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

如果你想放置元素的div是空的，或者你想替换它。

$("#element").html('<div id="source">...</div>');

如果你想在上述任何一种情况之前复制一个元素。

$("#destination").append($("#source").clone());
// etc.
Stop Harming Monica
编辑本段答案22日 六月 2016 в 11:05
评论(1)