javascript - attr() 怎么拿不到属性值？

Question

我绑定了一个属性在一个p上：

var shareEntity = {
    videoId:videoId,
    forwardUrl:videoAddressPage
}
                    
//绑定在每个panel上
panel.attr('share-data', JSON.stringify(shareEntity));

通过查看html也能看到已经绑定成功了：

但是却拿不出来：

$('.js_container').on('click','.weui-jiaj-video-icon:eq(1)',function(){
    var item = $(this).attr('share-data');
    if(item) item = JSON.parse(item);
});

这个item 一直报undefined，请问是哪里的问题啊？

Answer 1

.weui-jiaj-video-icon:eq(1)写错了吧，应该是.weui-jiaj-video:eq(1)

Answer 2

item是undefined，说明没有正确获取到目标元素，检查一下条件

Answer 3

attr() 取值时，必须写对应的节点。存在哪个节点上就从哪个节点上取值。

Answer 4

attr拿不到值可以试试prop

Answer 5

Answer 6

自定义属性data-id;data['id']才能拿到属性

Answer 7

题主你好，经我测试，使用.attr方法固然可以设置自定义的属性，但是在获取该自定义属性时的确会是 undefined,推测是jQuery自身的问题，使用原生JS可以获取该自定义属性

var item = $(this)[0].getAttribute('share-data');

Answer 8

试试这个呢

$('.js_container').on('click',function(){
    var item = $('.weui-jiaj-video').eq(1).attr('share-data');
    console.log(item)
    if(item) item = JSON.parse(item);
    console.log(item)
});

Answer 9

这不是类名写错了么。。

Answer 10

为什么不用$.data(key, value)呢？很明显，这个例子是想要针对某个节点存储一些数据，jquery提供了专门的方法，详见：http://www.css88.com/jqapi-1....