javascript - 仅克隆一个字段并每次点击追加一次

Question

我有一个上传新文件的输入，还有一个按钮可以添加另一个文件，无需重新加载页面即可一次上传多个文件。当我第一次单击“添加另一个文件”时，它会按预期添加新字段，因此我总共有两个字段，再次单击后出现问题，我得到的字段数超过 8 个，等等。我只想每次单击添加一个字段。 代码:

<script type="text/javascript">
    $("#file-new").click(function () {
        $( ".file-item" ).clone(false).appendTo( "#files-container" );
    });
</script>

一如既往地感谢您的帮助! :)

Answer 1

仅克隆具有 fileItem 类的第一个元素

 $("#file-new").click(function () {
        $( ".file-item:first" ).clone(false).appendTo( "#files-container" );
    });