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'));
});

两者的答案均为"Use .attr('data-sth')or.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()函数期望并仅与小写属性名称一起使用。