Question

我有以下jQuery代码，它根据id属性检测单击了哪个<img>标记。然后，如果单击“删除”按钮，则将删除/删除所选的<img>。

$(document).ready(function () {
    $("img").click(function () {
        var frame = $(this).attr("id");   //can it be done this way?
        $("button").click(function () {
        $("img").remove(frame);           //can I pass the event in as a parameter?
        $("button").unbind();
        $(this).unbind();
        }); 
    });                             
});

我是jQuery的新手，因此在语法上很难。感谢所有伟大的帮助。

Answer 1

这一行：

$("img").remove(frame);

应该是：

$("#"+frame).remove();

前提是，您为img提供了一个唯一ID。

完整代码＆amp;演示： http://jsfiddle.net/Gusn7/

Answer 2

你可以尝试这样..

<强> HTML

<img id="someId" src="http://placehold.it/250x250">
<button target-id="someId">Delete</button>

<强>的jQuery

$(document).ready(function () {        
        $("button").click(function () {
            var frame = $(this).attr("target-id");
            $("#" + frame).remove(); 
            $("button").unbind();
            $(this).unbind();
        });
});

演示： http://jsfiddle.net/Gusn7/1/

target-id是自定义属性。它应该是id

的img

如果button始终位于image旁边，则可以使用此

$(document).ready(function () {        
            $("button").click(function () {
                $(this).prev("img").remove(); 
                $(this).unbind();
            });
    });

演示： http://jsfiddle.net/Gusn7/3/

您的代码错误

$("img").click(function () {
        $("button").click(function () {

应该是任何一项活动...... img点击或button点击

Answer 3

$(document).ready(function () {        
            $("button").click(function () {
                ("#imgIDName").remove(); 
           });
});

Answer 4

尝试

$(document).ready(function () {
    var $imgs = $('img');
    $("img").click(function () {
        $imgs.removeClass('selected');
        $(this).addClass('selected');
    })
    $("button").click(function () {
        $("img.selected").remove(); //can I pass the event in as a parameter?
    });
});

演示：Fiddle

jQuery remove（）将事件作为参数传入

4 个答案: