複数画像削除ボタンを作成し、クリックして削除しましたが、一度に削除できる画像は1枚だけです。

WBOY
リリース: 2016-06-13 12:26:19
オリジナル
1187 人が閲覧しました

複数の写真を削除するボタンを作成しました。削除をクリックしますが、一度に削除できるのは 1 つだけです
写真を一括でアップロードした後、一括でアップロードされた写真を一覧表示するように記事を修正しました。特定の写真を削除する必要がある場合があります。私が書いた 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="width:100px;height:100px;"><img class="button" src="images/fancy_close.png"></li><br /><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><br /><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><br /></ul><br />
ログイン後にコピー

これはレンダリングです:

-- --- -解決策のアイデア----------------------
右側の削除をクリックした場合にのみ機能すると言いましたか?

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

$("img.button" に変更されます) ) .bind("click", del);
});

last() は最後の

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート