如何在jQuery中获取属性值？点击事件取data-target返回undefined如何解决

问题原因 #

你代码的问题出在事件回调里用了箭头函数：
箭头函数不会创建自己的this上下文，它的this会继承自外层作用域，而jQuery事件回调中原本需要的this是指向触发事件的DOM元素，用箭头函数后this不再指向当前点击的<a>标签，自然拿不到对应的data-target属性，最终返回undefined。

解决方法 #

方法1：改为普通函数作为回调 #

把箭头函数替换为普通函数即可，此时this会被jQuery绑定为触发事件的DOM元素：

$('a').on('click', function() {
  console.log($(this).attr('data-target'));
});

方法2：保留箭头函数，通过事件对象取目标元素 #

如果一定要使用箭头函数，可以从回调的第一个参数（事件对象）中获取触发事件的元素：

$('a').on('click', (e) => {
  console.log($(e.currentTarget).attr('data-target'));
});

内容的提问来源于stack exchange，提问作者Alexey Tseitlin