关于html标签中jq无法读取data-xxx的问题

本文探讨了在前端开发中使用data-属性存储JSON字符串的方法,解释了如何通过jQuery正确获取这些数据,并强调了data-属性命名的规范,避免使用大写字母。

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

在做一些前端开发中,有时会用的data-xx标签比如  

<a href="#" id="name-link" data-jsonstring='{"name":"zhangsan"}'></a>

也就是存入了一个json字符串,其中name=zhangsan,(当然这里不仅仅是json字符串)

那么在前端用jq获取值就应该是

var name =  $("#name-link").data("jsonstring");

那么此时 name的值就应该zhangsan.

注意:data-xxx后应该全为小写字母

如data-jsonstring  data-name , 此处不能使用大写字母如 data-jsonString (X) 是一种错误的格式,在前端获取值时可能会发生获取不到的情况,可能会出现 undefined等问题。

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值