克隆元素,在添加时一次避免多个克隆

Question

http://jsfiddle.net/p57hm/

我只想在每次点击时再多一个克隆.我错过了一些明显的东西吗谢谢

脚本:

$(function(){

    $('input').click(function(){
        $('.cloneitem').clone().appendTo('#container');
    });

});

HTML:

<input type="button" value="clone it"/>

<div id="container"></div>

<div class="cloneitem">clone</div>

Answer 1

试试这个http://jsfiddle.net/p57hm/1/

$(function(){

    $('input').click(function(){
        $('.cloneitem:first').clone().appendTo('#container');
    });

});

目前,您正在克隆具有该类的所有元素,.cloneitem但您一次只需要1个,因此您不希望选择所有元素.cloneItem而只是第一个元素,并克隆该元素.

Answer 2

$('.cloneitem')选择所有具有cloneitem类的元素。

使用.first()：

$('input').click(function(){
    $('.cloneitem').first().clone().appendTo('#container');
});