关于自定义的data-*属性有时候取不到值的问题

本文探讨了H5自定义属性data-*在实际应用中的一个特殊案例。作者发现部分data-*属性通过this.dataset方式无法正确获取值,而使用jQuery的$(this).attr()方法则可以成功获取所有属性值。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

今天试了一下H5里面的自定义属性 data-* 方法,碰到一个比较奇怪的问题,那就是我的自定义属性有的能取到值,有的取不到

首先给大家看一下我定义 data-* 属性的代码

<li id="a" data-testid="123456" data-testname="name1" data-testtime="1111" data-testcount="11" >

在代码的另一个地方我需要用到这几个属性的值

于是我在这个 li 标签的点击事件中用来这种写法

this.dataset.count

前几个  testid,testname,testtime 都可以取到值,但是最后一个 testcount 就是取不到,得到的结果是 undefined

于是我改用了下面这种方式

jQuery 是必须的

然后

$(this).attr("data-testcount")

测试,可以取到值了












评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值