jquery 控制多附件：继续添加、删除附件

html:

1<ul id="ulFild">
2    <li><input id="File1" style="width: 300px" type="file" /><span id="spanAddFile">继续添加</span></li>
3    <li style="display:none;"><input id="File2" style="width: 300px" type="file" /><span class="removeFile">删除</span></li>
4    <li style="display:none;"><input id="File3" style="width: 300px" type="file" /><span class="removeFile">删除</span></li>
5    <li style="display:none;"><input id="File4" style="width: 300px" type="file" /><span class="removeFile">删除</span></li>
6    <li style="display:none;"><input id="File5" style="width: 300px" type="file" /><span class="removeFile">删除</span></li>
7</ul>

js:

//继续添加附件
$("#spanAddFile").click(function(){
    if($("#ulFild li:hidden:first").css("display","block").length<1)
        alert("最多添加5个附件");
});

//删除附件
$(".removeFile").click(function(){
    var input=$(this)[0].parentNode.childNodes[0];
    input.parentNode.style.display="none";
    var html=$(this).parent().html();
    html=html.substring(0,html.indexOf(">")+1);
    $(html).replaceAll($(this).prev("input"));//解决删除附件时清空的问题
});

注：input file控件不能清空，只能通过表单的reset按钮清空，但同时表单内所有内容也被清空，上文用jquery变态的解决了这个问题。