ECMA6機能宣言スタイルのdoesntの仕事

Question

私はこれを行うときparentは、jQueryの要素である場合：

parent.change(function (e) { 
    e.preventDefault(); 
    console.log($(this)); 
    console.log($(this).data('tab')); 
}); 

これは働いているが、私はこれを行うとき：

parent.change((e) => { 
    e.preventDefault(); 
    console.log($(this)); 
    console.log($(this).data('tab')); 
}); 

をそれがなぜ、働いていません？

Answer 1

thisキーワードget a different context within arrow functions。
ではなく、これを試してみてください：

parent.change((e) => { 
    e.preventDefault(); 
    console.log($(e.target)); 
    console.log($(e.target).data('tab')); 
});