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调用之后它无法识别li列表因为（THIS）选择器，它没有正确引用它，谢谢你的帮助

Answer 1

你是正确的，在Ajax回调中this不是被点击的锚点。以下应该有效：

    $('#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()电话外部点击链接的引用。回调函数可以访问其包含范围内的变量。

Answer 2

您已正确识别问题。每个函数都有自己的this变量，如果不添加其他变量或进行其他类似的幻想，则无法引用父函数this。

无论如何，你的问题很容易解决。首先，将变量集添加到正确的this

$('#list li a').on('click', function(e) { 
  var $this = $(this);
  //...

然后引用该变量：

 $this.parent().hide();

为什么这个jquery代码不会删除li列表项？

2 个答案: