模拟点击事件动态增删元素

<tr>
<td align="right">商品图像</td>
<td>
<a href="javascript:void(0)" id="selectFileBtn">添加附件</a>
<div id="attachList" class="clear"></div>
</td>
</tr>

<script type="text/javascript">
$("#selectFileBtn").click(function(event) {
$fileFiled=$('<input type="file" name="thumbs[]"/>' );
$fileFiled.hide();
$("#attachList").append($fileFiled);
$fileFiled.change(function(event) {
//console.log("change");
$path=$(this).val();
$filename=$path.substring($path.lastIndexOf("\\")+1);
if($path!=""){
$attachItem=$('<div class="attachItem"><div class="left">a.gif</div><a href="javascript:void(0)" title="删除附件">删除</a></div>');
$attachItem.find(".left").html($filename);
$("#attachList").append($attachItem);
$a=$("#attachList>.attachItem").find("a");
//console.log("第二次算a数量为："+$a.length);
$a.click(function(){
//console.log("触发了click事件");
$(this).parents('.attachItem').prev('input').remove();
$(this).parents('.attachItem').remove();
})
}
});
//注意，trigger()写在change后面，否则有些浏览器会出现问题
$fileFiled.trigger('click');
//$fileFiled.trigger('change');  //egde 浏览器不写这句不能显示？！
$a=$("#attachList>.attachItem").find("a");
if($a.length==0){
//console.log("a数量为零，再次手动触发change事件");
$fileFiled.trigger('change');
}
//event.stopPropagation();
});

</script>