javascript – jQuery：获取数据属性

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – jQuery：获取数据属性，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含800字，纯文字阅读大概需要2分钟。

内容图文

在我的HTML中,我有一个span元素：

<span class="field" data-fullText="This is a span element">This is a</span>

我想获得data-fullText属性.我试过这两种方法,但它们没有用(两者都返回undefined)：

$('.field').hover(function () {
    console.log('using prop(): ' + $(this).prop('data-fullText'));
    console.log('using data(): ' + $(this).data('fullText'));
});

然后我搜索并发现了这些问题：How to get the data-id attribute?和jquery can’t get data attribute value.
两者的答案是“使用.attr(‘data-sth’)或.data(‘sth’)”.
我知道.attr()已被弃用(在我使用的jquery-1.11.0中),但是,我试过了.
它工作了！

有人可以解释原因吗？

解决方法:

您可以使用.attr()功能：

$(this).attr('data-fullText')

或者如果你小写属性名称：

data-fulltext="This is a span element"

然后你可以使用.data()功能：

$(this).data('fulltext')

.data()函数只需要使用小写的属性名称.

内容总结

以上是互联网集市为您收集整理的javascript – jQuery：获取数据属性全部内容，希望文章能够帮你解决javascript – jQuery：获取数据属性所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端