javascript - 为什么这个 jquery 代码没有删除 li 列表项？

Question

$('#list li a').on('click', function(e) {
    var user_id = this.parentNode.id.replace('list_', '');
    var id = 'id=' + user_id;
    e.preventDefault();

    $.ajax({
        type: "POST",
        url: "xxx.php",
        data: id,
        success: function() {
            $(this).parent().hide(); //the problem is here 
            $('.updateNumber').html(function() {
                return parseInt($(this).text(), 10) + 1;
            });
        }
    });
});

我认为在 ajax 调用之后，由于 (THIS) 选择器，它无法重新识别 li 列表，它没有正确引用它，感谢您的帮助

Answer 1

您是正确的，在 Ajax 回调中 this 不是单击的 anchor 。以下内容应该有效:

    $('#list li a').on('click', function(e) {

        var user_id = this.parentNode.id.replace('list_', '');
        var id = 'id=' + user_id;
        e.preventDefault();

        var $a = $(this);

        $.ajax({
        type: "POST",
        url: "xxx.php",
        data: id,
        success: function(){
            $a.parent().hide();
            $('.updateNumber').html(function(){
               return parseInt($(this).text(),10)+1;
            });
        });
    });

在 $.ajax() 调用之外保存对单击链接的引用。回调函数可以访问其包含范围内的变量。