Question

I have a function:

$(".delete").click(function() {
    $.ajax({
        url: "ServerHandler.ashx",
        data: "mode=delete&item=" + $(this).attr("title"),
        success: function() {
            $(this).parent().parent().remove();
            alert("hi");
        }
    });
});​

I have a problem when I delete the parent object. It just does not disappear. I tried to hide – did not help.
Alert is called normal.
How to solve?

Sorry for bad English.

Answer 1

You’re inside another function with another this value by default. Pass the this value from the outer function with the $.ajax function as follows:

$.ajax({
  context: this,
  ...