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

标签 jquery

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>

最佳答案

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

$(function(){

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

});

当前您正在克隆具有类 .cloneitem 的所有元素,但您一次只需要 1 个,因此您不想选择所有 .cloneItem > 但只是第一个,然后克隆那个。

关于jquery - 克隆元素,添加时避免一次多个克隆,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8298138/

相关文章:

jQuery 在未来的 DOM 对象上执行代码?

javascript - 使用 Javascript 从字符串中解析 '1/2'

javascript - 获取对象数组内对象属性的值

javascript - jQuery/Javascript 随机数动画

javascript - 通过选择选项的 jquery onchange 打开模式窗口

jquery - 构建自举 Accordion 并想向整个面板添加一个类

jquery indexOf 与 IE 的问题

javascript - 幻灯片更改时动画 div 背景位置

javascript - 根据子 DOM 元素的值应用不同的类

javascript - 在密码文本区域显示纯文本