jquery - 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正在设置的值。

小提琴演示

有关更多信息：- .data() API 文档

Answer 2

像这样使用它：

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

进而：

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

Answer 3

试试这个：

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

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

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

您可以使用以下命令在控制台中查看带有 console.log 的按钮的值：

console.log('data: '+$(".button").data("value"));

Answer 4

您实际上并未将值数据分配给按钮。试试这个：

$('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'));
});

Answer 5

首先，您是要插入变量value的值还是“值”文字？

data()旨在attr('attr-name', attr_value)类似于以下使用：

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

以上在您的小提琴中有效。

Answer 6

请注意，您不需要指定 data- 前缀，因为 Jquery 会自动执行此操作

因此，请确保您使用正确的属性来获取以下值

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