javascript - setTimeout() 不适用于 jQuery(this)

Question

我这里有这段脚本，我想在其中向上滑动我的 ul 元素，然后在执行向上滑动后，我想出于 CSS 原因删除“open”类。我做错了什么？

jQuery(this).parent().children("ul").slideUp(500);
setTimeout(function(){
  var elementToRemove = jQuery(this).parent();
  elementToRemove.removeClass("open");
}, 500);

Answer 1

this 在回调函数中指的是全局对象，而不是事件目标。

两种解决方案:

使用箭头函数(保留 this 上下文):

jQuery(this).parent().children("ul").slideUp(500);
setTimeout(() => {
  var elementToRemove = jQuery(this).parent();
  elementToRemove.removeClass("open");
}, 500);

或者保存指向 this 对象的链接:

jQuery(this).parent().children("ul").slideUp(500);
let that = this;
setTimeout(function(){
  var elementToRemove = jQuery(that).parent();
  elementToRemove.removeClass("open");
}, 500);