jquery - 如何将 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

score 3 · Accepted Answer

尝试这个：

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

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

score 3 · Accepted Answer

你可以这样做：

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

或者干脆

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

score 2 · Accepted Answer

appendTo()将“移动”元素：

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

3 回答 3