克隆一个 div 两次

Question

我基本上是在尝试克隆一个已经存在于页面上的 div 两次。这就是我想要克隆的内容：

<div class="tnt-zombies">
     //code in here
</div>

我还需要在一个克隆的 div 上设置一个增强类，在第二个克隆上设置一个高级类。我还想为这两个克隆添加一个克隆类，这样当我删除它们时，我可以调用克隆类。

我想要的最终结果是这样的：

<div class="tnt-zombies">//other code in here</div>
<div class="tnt-zombies cloned enhanced">//other code in here</div>
<div class="tnt-zombies cloned premium">//other code in here</div>

我希望这是有道理的。

Answer 1

试试这个：

var the_clone = $('.tnt-zombies').clone().addClass('cloned');

var enhanced = the_clone.clone().addClass('enhanced');
var premium = the_clone.clone().addClass('premium');

$('body').append(enhanced, premium);

小提琴：http://jsfiddle.net/maniator/Arzmm/

Answer 2

您也可以一次性完成此操作：

$('.tnt-zombies').clone().addClass('cloned enhanced').insertAfter('.tnt-zombies').end().clone().addClass('cloned premium').insertAfter('.tnt-zombies:last');