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

あなたはそのreturn前に持っているからです。以降はすべてreturn実行されません。

Answer 2

CSS を設定する前に戻っているため、その行は実行されません。試す：

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