JQuery在ajax请求中未知“this”

Question

我需要在创建ajax请求时更改class属性，但我无法访问＆＃34;这个＆＃34;在Ajax请求中

$('.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'); 
        }
    });
});

Answer 2

由于您已经拥有'id'属性，因此可以通过id找到DOM元素：）

 $("#"+id).attr('class', 'new');