美文网首页
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