美文网首页
jquery动态设置自定义data-xx属性和获取自定义data

jquery动态设置自定义data-xx属性和获取自定义data

作者: 泪滴在琴上 | 来源:发表于2021-12-12 18:56 被阅读0次
<a href=";" data-demo="hello" >测试</a>

获取

//取到 "demo"
var skno = $('a').data('demo');

//取到 "SK60007371"
var skno1 = $('a').attr('data-demo');

设置

$('a').data('demo', '123456');

$('a').attr('data-demo', '123456');

需要注意的是,用 data 方法赋值后,并不会改变元素中 data-demo 的值。用 data 方法取值,也只是取得页面初始化时属性的值,当元素属性值改变时,data 获取的值也还是改变前的。
所以,在 js 中,要保证数据同步,一定要用 attr() 获取。当属性值是对象时,要用 data 获取。

相关文章

网友评论

      本文标题:jquery动态设置自定义data-xx属性和获取自定义data

      本文链接:https://www.haomeiwen.com/subject/xpzyxrtx.html