在ajax成功数据之后隐藏特定div

Question

我试图在jquery ajax成功之后隐藏特定的div内容。

现场演示：http://jsfiddle.net/t922q/

一些jquery代码：

  $('.deletethisconent').click(function() {
    // $.ajax({   ....
         success: function(data){
         $(this).closest('.container').hide(); 
         $(".delete_status").html(data);

     });

如何在ajax成功后隐藏一个目标div？ 谢谢。

Answer 1

this引用jqXHR对象，它是成功处理程序中的第三个参数。

  

<强>成功：

     

Function（PlainObject data，String textStatus，jqXHR jqXHR）

如果要覆盖变量，则需要在变量中存储外部this的引用：

$('.deletethisconent').click(function() {

     var that = this;

     $.ajax({  
         url: 'echo.php', 
         success: function(data){
             $(that).closest('.container').hide(); 
             $(".delete_status").html(data);
         }
     });
});

Answer 2

好像你想要隐藏数据，所以：

$('.deletethisconent').click(function() {
    // $.ajax({   ....
    success: function(data){
         $(this).closest('.container').css('display', 'none'); 
         $(".delete_status").html(data);

 });

Answer 3

在点击功能中添加对this的引用，然后使用它：

$('.deletethisconent').click(function() {
    var mainElement = this;

    $.ajax({
        success: function(data) {
            $(mainElement).closest('.container').hide(); 
        }
    });
});