Question

HTML：

<input type="file" name="data[Tolet][images][]"  class="span12 tolet_img" id="file" style="width:100%;"/>

我想在点击'tolet_img'类中添加重复元素。

我尝试如下：

$(document).ready(function(){
    $('.tolet_img').click(function(){
        var htmlString = $(this).clone();
        $(this).after(htmlString);
    });    
});

我希望在点击一下html之后：

<input type="file" name="data[Tolet][images][]"  class="span12 tolet_img" id="file" style="width:100%;"/> 
<input type="file" name="data[Tolet][images][]"  class="span12 tolet_img" id="file" style="width:100%;"/>

但它不起作用。任何帮助将不胜感激。

Answer 1

你应该用这个：

var htmlString = $(this).clone(true);

参数true意味着也会复制附加到元素的事件。否则，克隆的输入将不执行事件定义的步骤（默认情况下未附加）。

Here is the JSFiddle demo

Answer 2

它按预期工作，但我建议像这样绑定事件

$(document).on('click', '.tolet_img', function () { var htmlString = $(this).clone(); $(this).after(htmlString); });

因此复制file upload也可以触发事件

这里你是working snippet

如何通过jquery添加重复元素？

2 个答案: