javascript - Ajax jquery 成功范围

Question

我对 doop.php 进行了 ajax 调用。

    function doop(){
        var old = $(this).siblings('.old').html();
        var new = $(this).siblings('.new').val();

        $.ajax({
            url: 'doop.php',
            type: 'POST',
            data: 'before=' + old + '&after=' + new,
            success: function(resp) {
                if(resp == 1) {
                    $(this).siblings('.old').html(new);
                }
            }
        });

        return false;
    }

我的问题是 $(this).siblings('.old').html(new); 行没有执行它应该执行的操作。

谢谢..所有有用的评论/答案都会被投票通过。

更新:看来问题的一半是范围(感谢帮助我澄清这一点的答案)，但另一半是我试图在同步中使用ajax方式。我创建了一个新帖子

Answer 1

您应该使用 http://api.jquery.com/jQuery.ajax/ 中的上下文设置。

function doop(){
    var old = $(this).siblings('.old').html();
    var newValue = $(this).siblings('.new').val();

    $.ajax({
        url: 'doop.php',
        type: 'POST',
        context: this,
        data: 'before=' + old + '&after=' + newValue,
        success: function(resp) {
            if(resp == 1) {
                $(this).siblings('.old').html(newValue);
            }
        }
    });

    return false;
}

“this”将被转移到成功范围并按预期运行。