← 返回博客列表

jQuery通过data取自定义属性值的坑

Vic.Wang2016/06/032493 阅读0 喜欢最近更新 2026/07/07 17:52:32

本文写于 2016 年,距今已有 10 年,文中提及的技术方案与接口可能已经过时,请注意甄别参考。

今天写个交互,需要用到自定义属性,因为这个自定义属性是当作字段用的,就直接用了字段名称,结果发现取出来是 undefined ,检查了好几遍没有代码错误,试了下另外一个字段,发现可以取到,看了下区别,取不到值得自定义属性是带有驼峰的,难道是这个问题?去掉了驼峰中的大写,发现可以了,可以了!!!

代码如下:

<a data-field="price" data-orderWay="desc">单价</a>
$wrap.on('click', 'a', function() {
    var $this = $(this),
        field = $this.data('field'),
        orderWay = $this.data('orderWay');

    console.log(field); /*price*/
    console.log(orderWay); /*undefined*/
});

修改如下:

<a data-field="price" data-orderway="desc">单价</a>
$wrap.on('click', 'a', function() {
    var $this = $(this),
        orderWay = $this.data('orderway');

    console.log(orderWay); /*desc*/
});

两处代码,仅仅是将 orderWay 改成 orderway 而已,区别这么大,jQuery 实现 data 的时候应该是存在问题的。

注:用的 jQuery 版本是 1.8.3 的,其他更高版本是否有问题,有待验证。

若有共鸣,不妨点个喜欢

本文地址:https://www.mingsixue.com/blog/detail/jQuery-data-value-issue

分享:微博QQ空间X