Question

在Chrome控制台中，我可以访问（选择）所需元素并查看内容如下：

> 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访问data-mobile，data-lastname等？

我尝试了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中，您也可以像这样访问数据属性值 $（＆＃34; .sidebar-message a＆＃34;）。数据（＆＃34; id＆＃34;）

使用jquery访问data-xxx属性值

2 个答案: