在Jquery中获取自定义属性值?

在Jquery中获取自定义属性值?,jquery,attr,Jquery,Attr,我有这个html <a data-overlay="Preparing First" href='#'>First link</a> <a data-overlay="Preparing Second" href='#'>Second link</a> 当我这么做的时候,我得到了唯一的目标,我哪里出错了 这是小提琴 我需要的是提醒该自定义属性的值?因为您正在提醒jQuery对象的.val()(我不知道为什么要使用它)的结果-您只需要该属性: v

我有这个html

<a data-overlay="Preparing First" href='#'>First link</a>
<a data-overlay="Preparing Second" href='#'>Second link</a>
当我这么做的时候,我得到了唯一的目标,我哪里出错了

这是小提琴


我需要的是提醒该自定义属性的值?

因为您正在提醒jQuery对象的
.val()
(我不知道为什么要使用它)的结果-您只需要该属性:

var text = $(this).attr("data-overlay")
alert(text);
除此之外,还可以使用
.data()
方法在jQuery中获取
data-
属性

var text = $(this).data("overlay")
alert(text);
请注意,如果jQuery检测到数据属于该类型,那么这样做将返回数字、布尔值或对象。你可以阅读更多关于这方面的内容

var text = $(this).data("overlay")
alert(text);