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!

Answer 1

$(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();
    });
});