ajax 请求中的 JQuery 未知 "this"

Question

发出ajax请求时，我需要更改类属性，但无法在Ajax请求中访问“this”

$('.shopping').click(function(){
        //Get id attribute
        var id = $(this).attr('id');

        //Send id attribute in Ajax request
        $.get('processAddToShopping.php?id='+id, function(data){
        if(data == "success"){
           //Change attribute if success
           $(this).attr('class', 'new'); //CAN'T access "this" anymore
        }
        });
});

Answer 1

设置上下文变量:

$('.shopping').click(function(){
    //Get id attribute
    var id = $(this).attr('id');
    var that = this;

    //Send id attribute in Ajax request
    $.get('processAddToShopping.php?id='+id, function(data){
        if(data == "success"){
       //Change attribute if success
            $(that).attr('class', 'new'); 
        }
    });
});