jquery - 如何多次追加一个元素？

Question

我想多次附加一个元素，如下所示，但它附加了超过 33 个项目:

for(var i=0;i<33;i++){
    $('.selector').clone().appendTo('#another');
}

在克隆和附加所有克隆元素时出现问题。我该怎么办？

另外，如何为所有 .selector 添加类，例如 some-1、some-2、...、some-32？

var el = $('.selector');
for(var i=0;i<33;i++){
    el.clone().appendTo('#another');
    $('.selector').addClass('some-'+i);
}

但它向每个选择器添加了选择器 some-1,some-2 ，但我想为第一个选择器做 some-1 为第二个选择器做 some-2 ，就像这样。

Answer 1

仅克隆第一个:

var el = $('.selector');
for(var i=0;i<33;i++){
    el.clone().appendTo('#another');
}

这样做还可以提高缓存元素时的性能(您不必每次使用 $('.selector'). 时都在 DOM 树中搜索它)。

更新了演示，还为每个新元素添加了不同的类。 http://jsfiddle.net/mvpF9/

el.clone().addClass('some-'+i).appendTo("#another");