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