【jQuery】$(this)の挙動がおかしいと思ったら

$(this)の動きが想像と違うと思ったら参考にしてください。

対象読者

・$(this)、thisが原因で躓いている
・JavaScript(ES6)を利用している
・progateのJavaScript、jQueryを理解している

問題のあったコード

$('.ok').click(()=>{
  const className=$(this).attr('class');
  console.log(className);
});

期待した出力結果：ok
実際の出力結果：undifined

改善したコード

$('.ok').click(function(){
  const className=$(this).attr('class');
  console.log(className);
});

出力結果：ok

結論

「アロー関数」ではなく、「関数」を使ったらうまく行きました。
アロー関数と関数の違いは、下の記事が参考になります。
アロー関数と関数の違いとthisの評価のされ方