Javascript 在淡出后删除项目

我正在开发简单的待办事项列表应用程序。当我点击X时，我想添加一个CSS类，然后我想用JavaScript删除该项；但是，我想等待动画完成。我的代码如下所示：

let span=document.querySelectorAll（“span”）；
对于（i=0；i

---

X Go sleep

好的，我在setTimeout函数之外声明了const，它解决了问题，下面是一个代码：

for(i = 0; i < spans.length; i++){
spans[i].addEventListener("click", function(){
    const el = this //Here I declare that constant
    event.stopPropagation();
    this.parentElement.classList.add("fadeOut");
    setTimeout(function(){
        el.parentElement.remove(); //removing parent element with its contains
    }, 500)
    
})}

for（i=0；i

“this”关键字，将注意力集中在设置超时功能上这是否回答了您的问题？您必须在settimeout函数之外为“this”设置一个常量，并使用此常量而不是“this”。谢谢您，波尔曼，它解决了问题！