在Ajax成功中引用Parent Div

时间:2013-03-07 02:42:22

标签: javascript jquery ajax jquery-animate

我想在单击链接并成功进行ajax调用时隐藏父div。如果我将hide()放在ajax的成功部分中,它就不起作用:

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

     $.ajax({
          type: "POST",
          data: dataString,
          url: "includes/edit-packages.php",
          success:function(){

               $(this).parent().slideUp('slow');

          }


     });

return false;

});

虽然这在成功之外起作用:

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

         $(this).parent().slideUp('slow');

});

如何在ajax的成功部分中引用$(this).parent()

1 个答案:

答案 0 :(得分:2)

看看这里:http://plnkr.co/edit/fAjLM8hS9BmdQ7tJ0UZA?p=preview

基本上this不再引用相同的HTML元素,它实际上是指成功函数中的窗口对象(变量的console.log {{3}} 1}}帮助很多!)。

要获得所需的功能,请在ajax调用之外定义一个新变量:

this