jQuery访问html5数据属性

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

但似乎无法让它工作

$('ul li a').click(function(e) {
    e.preventDefault();

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

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

有人有什么想法吗？

解决方法

你可以这样做：

$('ul li a').click(function (e) {
    e.preventDefault();
    var value = $(this).data('value');
    $('.button').data('value',value);
    console.log($('.button').data('value'));
});

这里，$(this).data(‘value’)用于获取链接的数据属性值。

和$(‘。button’)。data(‘value’，value)用于设置按钮的数据属性值。

使用console.log($(‘。button’)。data(‘value’));您可以检查控制台设置的数据值。

FIDDLE DEMO

欲了解更多信息： – .data() API Documentation