使用jquery post的問題

Question

我有一個鏈接發佈到一個url（ajax）。然後我想隱藏整個李。

HTML

<li>Product Name <a href="/delete/item_id" class="del">Delete</a></li> 

JQUERY

$(function(){ 
    $(".del").click(function() { 
     var link = $(this).attr('href'); 
     $.post(link, function() { 
      $(this).parent().slideUp(); 
     return false; 
     }); 
     event.preventDefault(); 
    }); 
}); 

Answer 1

的this -keyword在成功處理程序傳遞給$。員額並不是指錨元素，讓你的代碼將無法正常工作。您可以通過在成功處理程序外保存對li -element的引用來輕鬆解決此問題：

$(function(){ 
    $(".del").click(function() { 
     var link = $(this).attr('href'); 
     var li = $(this).parent(); 
     $.post(link, function() { 
      li.slideUp(); 
     return false; 
     }); 
     event.preventDefault(); 
    }); 
});