>백엔드 개발 >PHP 튜토리얼 >做了一个多图片删除按钮,点击剔除但每次只能删除一张

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

WBOY
WBOY원래의
2016-06-13 12:26:191201검색

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

<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 />

下面是解析后的图片列表:
<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 />

这是效果图:

------解决思路----------------------
你是不是说:只能点击右边的删除时才有效?

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

last() 就是最后一个

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.