javascript - jQuery:获取数据属性

Question

在我的 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 中)，但是，我试过了。
它奏效了!

谁能解释一下为什么？

Answer 1

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

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

或者如果您小写属性名称:

data-fulltext="This is a span element"

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

$(this).data('fulltext')

.data() 函数仅使用小写属性名称并仅适用于小写属性名称。