tr在ajax請求中未刪除。

Question

我試圖從最近的函數中刪除tr。 這個函數在$ .post請求中正常工作，但是當在post請求中使用相同的腳本時，它不起作用。 我的代碼是

$(".delete_cat").click(function() { 
     var idd = $(this).val(); 

     $.post("<?php echo base_url() ?>category/delete", 
      {id:idd}, 
      function(data) { 

       if (data === 1) { 
        var tr = $(this).closest('tr').remove(); 
        tr.css("background-color","#FF3700"); 
        tr.fadeOut(400, function(){ 
         tr.remove(); 
        }); 

       } 
      } 
      ) 

    }) 

Answer 1

這是因爲元素的上下文在ajax調用中丟失。您可以使用Ajax的背景選項來設置點擊.delete-cart元素的背景：

$.post("<?php echo base_url() ?>category/delete", 
    {id:idd}, 
    context:this, 
    function(data) { 
    if (data === 1) { 
     var tr = $(this).closest('tr').remove(); 
     tr.css("background-color","#FF3700"); 
     tr.fadeOut(400, function(){ 
     tr.remove(); 
    } 
    }); 

Context option in ajax

Answer 2

this是有內部postsuccess功能

$(".delete_cat").click(function() { 
 
    var that = this 
 
    var idd = $(that).val(); 
 

 
    $.post("<?php echo base_url() ?>category/delete", { 
 
     id: idd 
 
    }, 
 
    function(data) { 
 

 
     if (data === 1) { 
 
     var tr = $(that).closest('tr').remove(); 
 
     tr.css("background-color", "#FF3700"); 
 
     tr.fadeOut(400, function() { 
 
      tr.remove(); 
 
     }); 
 

 
     } 
 
    } 
 
) 
 

 
})

不同實例

Answer 3

$(this)內部功能不是指.delete_cat，但窗口，而不是，這些緩存：

$(".delete_cat").click(function() { 
    var $this = $(this); // <----here 
    var idd = $this.val(); 

    $.post("<?php echo base_url() ?>category/delete", 
     {id:idd}, 
     function(data) { 
      if (data === 1) { 
       var tr = $this.closest('tr').remove(); 
       tr.css("background-color","#FF3700"); 
       tr.fadeOut(400, function(){ 
        tr.remove(); 
       }); 
      } 
    }); 
});