js循环添加标签并判断添加的次数

js循环添加图片并判断添加的次数,每点击一次“添加”按钮就添加一个input框。

如图所示：

HTML：

<tr class="pht1">
	<td class="td1">上传图片：</td>
	<td>
	 <div>
		 <input type="file" name="photos[]"/>
		 <a href="javascript:void(0)" οnclick="showPhoto(this)">添加</a>
	 </div>
	</td>
</tr>

JS:

function showPhoto(dom){
        var pv=$(dom).parent();
        if(pv.children("div").length<2){
            var str="<div>" +
                    "<input type='file' name='photos[]'/>" +
                    "<a style='margin: 0 58px;' href='javascript:void(0)' οnclick='hiddentPhoto(this)'>删除</a> " +
                    "</div>";
            pv.append(str);
        }else{
            alert("最多可上传3张图片");
        }
    }
    function hiddentPhoto(dom){
        $(dom).parent().remove();
    }