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 Documentation

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

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

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

以下的值

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

jQuery访问html5数据属性

6 个答案: