jquery - 在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 对象，它是成功处理程序中的第三个参数。

成功：

函数（PlainObject 数据，字符串 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

在 click 函数中添加对的引用this，然后使用它：

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

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