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

WBOY
Freigeben: 2016-06-13 12:26:19
Original
1187 Leute haben es durchsucht

做了一个多图片删除按钮,点击删除但每次只能删除一张
批量上传图片后,修改文章把批量上传的图片列出来,有时候需要删除某一个图片,我写的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 />
Nach dem Login kopieren

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

这是效果图:

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

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

last() 就是最后一个

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage