【NO1】如何实现页面上对图片的删除

上一篇文章给大家提到了如何实现图片的生成，那么现在我们拥有了一个HTML页，它的布局是一个大的DIV，里面镶嵌着小的组合DIV，图片和两行介绍，我们现在要实现一个功能，就是在图片上方添加一个红色的❌，点击触发对图片的删除功能。

首先我们来看一下我们的二级DIV的样子，第一行是图片，里面放置了一个❌，下面是图片的状态以及图片的名称，我在这里就不多介绍如何实现图标的显示了，着重给大家介绍一下功能的实现。

我一开始认为点击删除是一个点击事件，所以我要绑定AJAX函数，虽然只有待审核状态的图片上方会有❌，但是每个人都可能会有很多张待审核的图片，所以我书写代码的时候认为应该是一个CLASS的图片共同触发这个点击事件。

 $("#main").on("click", ".btnDeletePicture", function () {
            //alert(tempName);
            layer.confirm('您确定要删除该图片吗？', {
                btn: ['确定', '取消'] //按钮
            }, function () {