jQuery   发布时间:2022-04-19  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了jQuery访问html5数据属性大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
点击其中一个选项,我试图从“ul li a”获取数据值,并将其放在下面的按钮中,我在这里设置了一个小提琴示例: http://jsfiddle.net/q5j8z/4/ @H_874_2@但似乎无法让它工作

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

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

    $('.button').data('value');
});
@H_874_2@有人有什么想法吗?

解决方法

你可以这样做:
$('ul li a').click(function (E) {
    e.preventDefault();
    var value = $(this).data('value');
    $('.button').data('value',value);
    console.log($('.button').data('value'));
});
@H_874_2@这里,$(this).data(‘value’)用于获取链接的数据属性值。

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

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

@H_874_2@FIDDLE DEMO

@H_874_2@欲了解更多信息: – .data() API Documentation

大佬总结

以上是大佬教程为你收集整理的jQuery访问html5数据属性全部内容,希望文章能够帮你解决jQuery访问html5数据属性所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。