获取被点击元素的属性值

 
english
 
francais
 
italiano
  

当用户点击这些

任何一个时，我想alert()它的data-val属性值

谁知道怎么样？

Answer 1

原始答案 – 2011年

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

见DEMO 。

更新 – 2017年

请记住，如果要使用ES6 箭头函数语法，则不能使用this ，而是需要使用e.currentTarget ，其中e是作为事件处理程序的第一个参数传递的事件对象：

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

见DEMO 。

Answer 2

这应该做的工作：

 $(document).ready(function() { $('#langs li').click(function() { alert($(this).attr('data-val')); }); }); 

看看文档

Answer 3

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