jQuery toggleClass가 li과 호환되지 않습니까?

Question

난 그냥 간단한 TODO 응용 프로그램에서 일하고 있습니다. 그리고 클릭시 텍스트에 toogleable 스트라이크 효과를 만들려고합니다. 여기 내 코드가있다.

CSS

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

jQuery를

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

기능이 실행 내부의 모든 라인하지만 toogleClass가 영향을 보여줍니다. 도와주세요

Answer 1

jQuery의 this을 사용하려면 () => {}이 아니라 function() {}을 사용해야합니다. 화살표 함수는 주위에 this을 캡처합니다.이 함수는 jQuery로는 원하는 것이 아닙니다.

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