jquery - $(this) 的值随着确认而改变

Question

我想知道为什么 $(this) 没有按照我期望的方式工作？在下面的代码中，当您单击“删除图像”时，没有任何反应。如果您注释掉确认语​​句，则当您单击“删除图像”时背景会变为绿色。你知道这是为什么吗？由于确认语句，$(this) 似乎指向其他内容。提前致谢!

<a href="#" class='thumbnail the-one delete-file'><i class="icon-remove"></i>Remove Image</a>

$('.the-one').click(function(){
    if(confirm("What do you say?")) { return true;} else {return false;}
    $(this).css("background", "green");

});

Answer 1

您在设置 css 之前返回，因此该行不会被执行。尝试:

$('.the-one').click(function(){
    if (confirm("What do you say?")) { 
        $(this).css("background", "green");
        return true;
    } else {
        return false;
    }
});