内容简介:翻译自:https://stackoverflow.com/questions/32212029/error-in-event-handler-this-data-is-not-a-function
我有一个 HTML
列表,每个链接都有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’访问的数据)
翻译自:https://stackoverflow.com/questions/32212029/error-in-event-handler-this-data-is-not-a-function
以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,也希望大家多多支持 码农网
本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们。
从“为什么”开始
[美] 西蒙·斯涅克 / 苏西 / 海天出版社 / 2011-7 / 32.00元
影响人类的行为:要么靠操纵,要么靠感召。 操纵带来的是交易,是短期效益; 感召带来的是信任,是永续经营! 盖茨走后,微软面临怎样的挑战?后盖茨时代,微软为何从一个希望改变世界的公司沦落为一个做软件的公司? 沃尔玛的灵魂人物过世后,一度被人们热爱的公司,遭到的竟然多是顾客、员工的反感?沃尔玛要怎样做才能重放昔日光彩? 星巴克吸引人们购买的不是咖啡,而是理念?为什么说霍华......一起来看看 《从“为什么”开始》 这本书的介绍吧!