javascript - 设置数据属性后无法获取数据属性

Question

这个问题已经有答案了:

How to get, set and select elements with data attributes? (4 个回答)

已关闭 6 年前。

当我在更改属性后获取数据属性时，它总是返回 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') );

如何解决这个问题？

Answer 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) 设置它