首页 > 后端开发 > php教程 > 做了一个多图片删除按钮,点击删除但每次只能删除一张

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

WBOY
发布: 2016-06-23 13:24:10
原创
1013 人浏览过

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

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

下面是解析后的图片列表:
 <ul id="pic_list" style="margin: 5px;"><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><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><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></ul>
登录后复制

这是效果图:


回复讨论(解决方案)

对的呀,你写的就是点击一次删除一张的

对的呀,你写的就是点击一次删除一张的


只能删除最后一张图片,前面两张删不了,我获取图片路径都获取不到,点击没反应,不知道跟last()这个有关么

你是不是说:只能点击右边的删除时才有效?

$("img.button").last().bind("click", del);   
});
改为
$("img.button").bind("click", del);   
});

last() 就是最后一个

你是不是说:只能点击右边的删除时才有效?

$("img.button").last().bind("click", del);   
});
改为
$("img.button").bind("click", del);   
});

last() 就是最后一个


那就对了,就是这个last()影响得了
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板