jQuery事件委派实例(双击删除图片和对应隐藏域)

商品相册:
<div>
    <span style="color: red;"><%--双击删除图片--%></span>
    <div id="fileQueue">用于图片上传后展示</div>
    <input type="file" name="uploadify" id="uploadify" />
</div>

<script type="text/javascript">

<present name="row">//修改数据时回显照片

    var img_html='';

    var input_html='';

    $({$row.path}).each(function(i,v){//遍历图片,拼接html代码

        img_html+="<img src="+ v + " style='width:100px; height:80px;' />";

        input_html+="<input type='hidden' class='gallery_img' name='gallery_img[]' value="+v+" />";

    });

    $('#fileQueue').html(img_html+input_html);

</present>
//事件委派
//删除图片和对应隐藏域

    $('#fileQueue').on('dblclick','img',function(){
        var src=$(this).attr('src');//获取当前双击图片的src
            $("input[type='hidden']").each(function(){//遍历type='hidden'的input
                if($(this).val() == src){//找到对应的input
                    this.remove();
                }
            })
        this.remove();
    });

//这个img标签是原本存在的,所以只需用普通事件即可
    $('#logo-preview').dblclick(function(){
        $('#logo-preview').removeAttr('src');
    });

</script>