使用 jquery 访问 data-xxx 属性值

Question

在 Chrome 控制台中，我可以访问（select）一个必需的元素并查看如下内容：

> x = $(".sidebar-message a[data-id ='" + 2885 + "']")[0]

<a href="#" data-id="2885" data-uid="197025959" data-mobile="08021111134" data-lastname="Aliu" data-firstname="Isa" data-verified="true" data-assigned="false">…</a>

请问我如何使用 jQuery 访问数据移动、数据姓氏等？

我试了x.data-mobile和x[data-mobile]，都是undefined

Answer 1

我是通过以下代码完成的：

<a href="#" data-id="2885" data-uid="197025959" data-mobile="08021111134" data-lastname="Aliu" data-firstname="Isa" data-verified="true" data-assigned="false">Check Attribute Value</a>
<span id="MobileValue"></span>

<script>
$("a").click(function(){
var mobileValue=$(this).attr("data-mobile");
$("#MobileValue").html(mobileValue);

});
</script>

Click Here 用于演示

希望对你有帮助。

Answer 2

实际上在 Html 5 中你也可以像这样访问数据属性值 $(".sidebar-message a").数据（"id"）

使用 jquery 访问 data-xxx 属性值

Accessing data-xxx attribute values with jquery

javascript

jquery

attr-accessor