Home > Backend Development > PHP Tutorial > 做了一个多图片删除按钮,点击剔除但每次只能删除一张

做了一个多图片删除按钮,点击剔除但每次只能删除一张

WBOY
Release: 2016-06-13 12:26:19
Original
1202 people have browsed it

做了一个多图片删除按钮,点击删除但每次只能删除一张
批量上传图片后,修改文章把批量上传的图片列出来,有时候需要删除某一个图片,我写的js只能删除最后一张图片,搞不懂为什么?代码如下

1

<br /><script language="javascript">    <br />//删除图片 <br />$(function(){<br /> $("img.button").last().bind("click", del); <br />});<br />var del = function () {<br />    var src = $(this).siblings('img').attr('src');<br />    //alert(src);<br />   //return false;<br />    $.ajax({<br />        type: "GET", //访问WebService使用Post方式请求<br />        url: "ajax.php?act=del", //调用WebService的地址和方法名称组合---WsURL/方法名<br />        data: "src=" + src,<br />        success: function (data) {<br /><br />        }<br />    });<br />    $(this).parent().remove();<br />    return false;<br />}<br /></script><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() 就是最后一个

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template