设置数据属性后无法获取数据属性[重复]答案

【问题标题】：Cannot get Data Attribute after set Data Attribute [duplicate]设置数据属性后无法获取数据属性[重复]
【发布时间】：2016-11-18 17:42:13
【问题描述】：

当我在更改属性后获取数据属性时，它总是返回 0.00。

我创建的 HTML 默认是：

<small data-val="0.00"></small>

我通过这个 jQuery 脚本进行更改：

$('#cart .cart-footer > .footer.discounts > span > span').remove();
$('#cart .cart-footer > .footer.discounts > small').attr('data-val',data.data.data.discount);

它是成功设置数据属性，如

<small data-val="360.00"></small>.

但是在我得到数据后它返回 0.00。

console.log( $('#cart .cart-footer > .footer.discounts > small').data('val') );

我该如何解决这个问题？

【问题讨论】：

您使用的是哪个版本的 jquery？
这里没有足够的信息来帮助您。请编辑您的问题以提供更完整的示例 - 包括元素值的设置位置、更改方式以及阅读位置。到目前为止，您所展示的内容非常好：jsfiddle.net/c0akq1vm
使用.attr('data-val')，因为您使用.attr('data-val, value)设置它
请确保 data.data.data.discount 它将返回 360.00
@ParthTrivedi 我使用 jQuery 版本 3.1.1

标签： javascript jquery html

【解决方案1】：

$('small').attr('data-val', "360.00");

console.log($('small').attr('data-val'));

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<small>qwe</small>.

使用 .attr('data-val') 因为你使用 .attr('data-val, value) 设置它

【讨论】：

谢谢先生。为什么 .data() 无法获取？请给我更多信息。
使用 data() 和 attr() 设置它们存储在不同的位置，因此需要了解如何设置它
这一定是人们经历的普遍事情......这个问题/答案值得更多的投票。