在模板中需要用到循环遍历，然后中间有个文件上传，用到了克隆

1. 单文件的上传

html代码：

<div class="addfiles">
<a class="addfile"/>添加</a>
<input type="file" name="file[]" id="" value="" class="contractfile" accept="image/*"/>
</div>
<script>
$(".addfile").click(function(){
$(".addfiles").append($(".contractfile").clone(true));//1
//$(".addfiles").append($(".contractfile:first").clone(true));//2
});
</script>

具体做法是，在页面上有a标签addfile。

然后点击一次需要增加一个上传文件的按钮，但是会遇到一个问题，就是第一次点击增加一个，第二次点击就是增加2个，所以这里需要用到第二种写法了，所以这里需要添加 :first

手册地址：http://www.w3school.com.cn/jquery/selector_first.asp

2.循环遍历文件上传

HTML代码

<div class="addfiles">
<a class="addfile"/>添加</a>
<input type="file" name="file[]" id="" value="" class="contractfile" accept="image/*"/>
</div>
<script>
$(".addfile").click(function(){//1
//$(".addfile").unbind('click').click(function(){//2
$(this).parent('.addfiles').append($(".contractfile:first").clone(true));
});
</script>

具体做法是，当点击添加的时候，那么所有的上传文件按钮都会新增一个，所以这里需要改动的是点击之后查询父元素，然后再克隆一个

需要注意的是，如果是表格遍历循环那种，建议第二种写法。

如果有更好的写法，请留言告诉我。谢谢