jQuery：获取数据属性

  • Z时代
  • 2024-01-10
  • 分类：问答

在我的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中），但是，我尝试了。 它奏效了！

有人可以解释为什么吗？

回答：

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

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

或如果您将属性名称 ：

data-fulltext="This is a span element"

那么您可以使用以下.data()功能：

$(this).data('fulltext')

该.data()函数期望并仅与小写属性名称一起使用。

以上是 jQuery：获取数据属性 的全部内容， 来源链接： utcz.com/qa/427894.html

回到顶部