ajaxステートメント内でjQueryを使用してテーブル行を削除する

Question

テーブルから行を削除しますが、ajaxの成功部分は実行されません。あなたが明示的にcontextを設定しない限り、あなたの成功コールバックの内側

function fn_delete() { 
    $("a.delete").click(function() { 
     idProduct = $(this).parents("tr").find("td").eq(1).html(); 
     $.ajax({ 
      type: "POST", 
      url: "DeleteProduct", 
      data: { idProduct }, 
      success: function() { 
       $(this).parents("tr").fadeOut("normal", function() { 
       $(this).remove(); 
      } 
     }); 
    }); 
}; 

Answer 1

thisは、AJAX呼び出しを行うコードでthisと同じにはなりません。

$.ajax({ 
    context: this, 
    data: ... 
}); 

Answer 2

私はthisを与えているとは思いませんあなたが期待している価値。

これを試してみてください：

function fn_delete() { 
$("a.delete").click(function() { 
    idProduct = $(this).parents("tr").find("td").eq(1).html(); 
    var myRow = $(this).parents("tr"); 
    $.ajax({ 
     type: "POST", 
     url: "DeleteProduct", 
     data: { idProduct }, 
     success: function() { 
       $(this).parents("tr").fadeOut("normal", function() { 
       myRow.remove(); 
      }); 
     } 
    }); 
});