javascript - 获取被单击元素的属性值

Question

<ul id='langs'>
   <li data-val='en'>english</li>
   <li data-val='fr'>francais</li>
   <li data-val='it'>italiano</li>
</ul>

当用户单击其中任何一个 <li> 时我要alert()这是 data-val 属性值

有人知道怎么做吗？

Answer 1

原始答案 - 2011

$('li').click(function () {
    alert($(this).data('val'));
});

参见DEMO .

更新 - 2017

请记住，如果您想使用 ES6 arrow function语法中，您不能使用 this 而需要使用 e.currentTarget 来代替，其中 e 是作为第一个参数传递给事件处理程序:

$('li').click(e => alert($(e.currentTarget).data('val')));

参见DEMO .