jQuery toggleClass不能和li一起使用？

Question

我正在研究简单的TODO应用。我试图在点击文本上创建一个toogleable打击效果。这是我的代码。

CSS

.striked{
    text-decoration: line-through;
}

的jQuery

$("ul").on("click","li",()=>{
    $(this).toggleClass("striked");
});

函数内的任何行都会运行，但toogleClass显示无效。请帮忙

Answer 1

如果您想使用jQuery＆＃39; this，则需要使用function () {}，而不是() => {}。箭头函数捕获周围的this，这不是你想要的jQuery。

$("ul").on("click", "li", function () {
    $(this).toggleClass("striked");
});