javascript – 事件处理程序出错：“this.data()不是函数”

列表,每个链接都有data- …属性：

<ul id="list">
    <li><a data-info="link1"> **** </a></li>
    <li><a data-info="link2">****</a></li>
    <li><a data-info="link3">**** </a></li>
    <li><a data-info="link4">****</a> </li>
</ul>

我需要在点击链接时收到链接的数据信息值.所以我想到这样的事情：

var my_links = $('#list').find('a');

my_links.on('click', function(){
     console.log(this.data(info));
});

但后来我得到：

Uncaught TypeError: this.data is not a function

如果我这样做：

var my_links = $('#list').find('a');

my_links.on('click', function(){
  console.log(this);
});

我得到每个链接的完整HTML代码,例如：

<a data-info="link1"> **** </a>

为什么两件事都在发生,我该如何解决？

data()是一个jQuery方法,而不是本机DOM对象的方法.

这将是<a>单击的元素 – 本机DOM对象( HTMLAnchorElement ).给它一个jQuery包装器来调用jQuery方法：

my_links.on('click', function() {
  console.log( $(this).data('info') );
});

(并注意你没有信息变量 – 你正在寻找字符串’info’访问的数据)