如何将div复制到某个div并删除原始div

Question

假设我有以下标记

<div id="test">
  <div class="original">hi</div>
  <div class="news"></div>
  <div class="duplicate"></div>
</div>

现在我想删除original并将其粘贴到duplicate

结果应如下所示

<div id="test">   
  <div class="news"></div>
  <div class="duplicate"><div class="original">hi</div></div>
</div>

我试过这个

var orig = $('.original');
orig.remove().clone(true).appendTo('.duplicate'); // but not working

Answer 1

试试这个：

var original = $('.original');
var duplicate = $('.duplicate');
duplicate.append(original);

来自Jquery API：

如果以这种方式选择的元素被插入到DOM中其他位置的单个位置，它将被移动到目标中（未克隆）：

演示here

Answer 2

你可以这样做：

$(".original").detach().appendTo(".duplicate");

演示Fiddle

或者只是

$(".original").appendTo("duplicate");

Answer 3

appendTo()将'移动'元素：

var $orig = $('.original');
$orig.appendTo('.duplicate');

JSFiddle