jQuery访问html5数据属性

前端之家收集整理的这篇文章主要介绍了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

原文链接:https://www.f2er.com/jquery/182231.html

猜你在找的jQuery相关文章