ホームページ  >  記事  >  バックエンド開発  >  複数の写真の削除ボタンを作成し、削除をクリックしましたが、一度に削除できる写真は 1 枚だけです。

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

WBOY
WBOYオリジナル
2016-06-23 13:24:10994ブラウズ

画像をバッチでアップロードした後、バッチでアップロードした画像をリストするように記事を変更します。私が作成した 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>

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


ディスカッションへの返信 (解決策)

そうです、そうです。あなたが書いたこと 1 回クリックして 1 つの写真を削除します

そうです、あなたが書いたことは、1 回クリックして 1 つの写真を削除することです


最後の写真のみを削除できますが、最初の 2 つは削除できません。クリックできません。反応は、last() と関係があるのでしょうか

右側の削除をクリックした場合にのみ機能すると言っていますか?

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

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

last() は最後のものです

右側の削除をクリックした場合にのみ機能すると言っていますか?

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

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

last() は最後のものです


そうです、この last() が影響します
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。