jQuery - 'this' selector doesn't work inside callback function

Question

Possible Duplicate:
$(this) doesn't work in a function

I'm writing post removing code in jQuery, The removing itself is made via post-request to backeds, after server returns 200, I want to delete this post on client-side.

$('.delete-post').click(function() {
    $.post($(this).attr('href'), {}, function(data) {
        $(this).closest('.post').remove();
    });
    return false;
});

However, I've noticed that inside function(data) {...) selector 'this' doesn't work. I need to remove closest to $('.delete-post') div with class '.post'. How to manage this problem? Thanks!

score 14 · Accepted Answer · edited Jul 15 '12 at 19:29

14

$(this) exists in the click event but function(data) { is not part of click event rather callback function. So save the $(this) in some variable for instance that for later use.

Try this:

$('.delete-post').click(function(e) {
    e.preventDefault();
    var that = $(this);
    $.post(that.attr('href'), { }, function(data) {
        // $(this).closest('.post').remove();
        that.closest('.post').remove();
    });
});

edited Jul 15 '12 at 19:29

daryl

14,307
21
67
92

answered Jul 15 '12 at 19:19

Adil

146,340
25
209
204

2

You should explain why `this` has a different value in the callback. – jfriend00 Jul 15 '12 at 19:21
I have already explained thanks for reminding me @jfriend00 – Adil Jul 15 '12 at 19:22
Thank you very much, now I've got it! Simple and clear) – f1nn Jul 15 '12 at 19:25

jQuery - 'this' selector doesn't work inside callback function

1 Answers1

Linked

Related