More than 3 years have passed since last update.

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

Last updated at 2020-05-24Posted at 2020-05-24

$(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の評価のされ方