做了一个多图片删除按钮,点击删除但每次只能删除一张
批量上传图片后,修改文章把批量上传的图片列出来,有时候需要删除某一个图片,我写的js只能删除最后一张图片,搞不懂为什么?代码如下
1 | <br /><script language= "javascript" > <br />
|
Copy after login
下面是解析后的图片列表:
1 | < br /> < ul id = "pic_list" style = "margin: 5px;" >< br />< li >< img class = "content" src=../uploadfile/product/2015-10/20151021170117288.jpg style = "max-width:90%" alt = "做了一个多图片删除按钮,点击剔除但每次只能删除一张" >< img class = "button" src = "images/fancy_close.png" alt = "做了一个多图片删除按钮,点击剔除但每次只能删除一张" ></ li >< br />< li >< img class = "content" src=../uploadfile/product/2015-10/20151023103643797.jpg style = "max-width:90%" alt = "做了一个多图片删除按钮,点击剔除但每次只能删除一张" >< img class = "button" src = "images/fancy_close.png" alt = "做了一个多图片删除按钮,点击剔除但每次只能删除一张" ></ li >< br />< li >< img class = "content" src=../uploadfile/product/2015-10/20151023103643384.jpg style = "max-width:90%" alt = "做了一个多图片删除按钮,点击剔除但每次只能删除一张" >< img class = "button" src = "images/fancy_close.png" alt = "做了一个多图片删除按钮,点击剔除但每次只能删除一张" ></ li >< br /></ ul >< br />
|
Copy after login
这是效果图:
------解决思路----------------------你是不是说:只能点击右边的删除时才有效?
$("img.button").last().bind("click", del);
});
改为
$("img.button").bind("click", del);
});
last() 就是最后一个