首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >访问html5数据属性的jQuery

访问html5数据属性的jQuery
EN

Stack Overflow用户
提问于 2013-06-05 17:23:24
回答 5查看 23.8K关注 0票数 18

点击我试图从'ul li a‘中获取数据值的选项之一,并将其放入下面的按钮中,我在这里设置了一个小提琴示例:http://jsfiddle.net/q5j8z/4/

但似乎不能让它工作

代码语言:javascript
复制
$('ul li a').click(function(e) {
    e.preventDefault();

    var value = $(this).data();

    $('.button').data('value');
});

有没有人有什么想法?

EN

回答 5

Stack Overflow用户

发布于 2013-06-05 17:25:55

像这样使用它:

代码语言:javascript
复制
var value = $(this).data('value');

然后:

代码语言:javascript
复制
$('.button').data('value', value);
票数 2
EN

Stack Overflow用户

发布于 2013-06-05 17:25:52

试试这个:

代码语言:javascript
复制
$('ul li a').click(function(e) {
        e.preventDefault();

        var value = $(this).data('value');

        $('.button').data('value', value);
    });

您可以在控制台中使用console.log查看按钮的值,方法是:

代码语言:javascript
复制
console.log('data: '+$(".button").data("value"));
票数 1
EN

Stack Overflow用户

发布于 2013-06-05 17:27:14

实际上,您并没有将值数据分配给按钮。试试这个:

代码语言:javascript
复制
$('ul li a').click(function(e) {
    e.preventDefault();

    var value = $(this).data();

    // assign the value form the clicked anchor to button value data
    $('.button').data('value', value);

    console.log($('.button').data('value'));
});
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/16936162

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档