javascript - 在 Ajax Success 中引用父 Div

Question

我想在单击链接并成功进行 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()？

Answer 1

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

基本上 this 不再引用同一个 HTML 元素，它实际上引用 success 函数中的窗口对象(变量 this 的简单 console.log > 有很大帮助!)。

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

$('.myLink').click(function() {
    var myLink = $(this);
    // wait 2 seconds to simulate an Ajax call somewhat
    setTimeout(function() {
      myLink.parent().slideUp('slow');
    }, 2000);
});