在 Jquery 中获取自定义属性值？答案

【问题标题】：Get custom attribute value in Jquery?在 Jquery 中获取自定义属性值？
【发布时间】：2014-10-29 13:08:55
【问题描述】：

我有这个html

<a data-overlay="Preparing First" href='#'>First link</a>
<a data-overlay="Preparing Second" href='#'>Second link</a>

还有JS

$("[data-overlay]").click(function () {
        var text = $(this).val($(this).attr("data-overlay"));
        alert(text);
    });

当我这样做时，我只得到了 OBJECT，我哪里错了？

这是工作小提琴

我需要提醒那个自定义属性的值吗？

【问题讨论】：

标签： jquery attr

【解决方案1】：

因为您正在提醒 .val() 的结果（我不确定您为什么要使用它）这是一个 jQuery 对象 - 您只需要该属性：

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

【讨论】：

【解决方案2】：

除了tymeJV's answer，还可以通过.data()方法在jQuery中获取data-属性。

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

请注意，如果 jQuery 检测到数据属于该类型，则这样做将返回数字、布尔值或对象。你可以阅读更多关于here的信息。

【讨论】：