javascript - jQuery on click 将(this)传递到 ajax 成功函数中

Question

我做了一些研究，很少有类似的问题，但无法解决我的问题。

我正在对报告中的记录进行 Ajax 调用，我通过 Ajax 设置/删除标志。

jQuery

jQuery('.flag').click(function(){  
    if(jQuery(this).hasClass('active_flag')){
        // REMOVE Record
        jQuery.ajax({
            url: '/flag/remove',
            type: "post",
            data: { '_method' : 'delete',
                    'timeRecordID':jQuery(this).attr('data-record'), 
                    '_token':  '{!! csrf_token() !!}' 
                    },
            success: function(data){
                jQuery(this).removeClass('active_flag'); // (this) doesn't refer to same (this) inside the click function
            }
        });
    }

我也尝试过此链接 StackOverflow 的解决方案，但这并没有解决我的问题。

感谢帮助

Answer 1

首先定义$(this)

jQuery('.flag').click(function(){  
        var ThisIt = $(this); //<<<<<<<<<<<<<<<<<<<<<<<<
        if(ThisIt.hasClass('active_flag')){

            // REMOVE Record
            jQuery.ajax({
                url: '/flag/remove',
                type: "post",
                data: { '_method' : 'delete',
                        'timeRecordID': ThisIt.attr('data-record'), 
                        '_token':  '{!! csrf_token() !!}' 
                        },
                success: function(data){
                    ThisIt.removeClass('active_flag'); // (this) doesn't refer to same (this) inside the click function
                }
            });

        }
});