jQuery访问html5数据属性

Question

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

但似乎无法让它发挥作用

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

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

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

有没有人有任何想法吗？

Answer 1

你可以这样做:

$('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')用于获取data链接的属性值.

并$('.button').data('value', value)用于设置data按钮的属性值.

使用,console.log($('.button').data('value'));您可以检查控制台data正在设置的值.

FIDDLE DEMO

有关详细信息: - .data()API文档