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

时间:2016-11-18 09:37:14

标签: javascript jquery html5

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

我该如何解决这个问题?

1 个答案:

答案 0 :(得分:1)

&#13;
&#13;
HttpClient
&#13;
$('small').attr('data-val', "360.00");

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

使用.attr(&#39; data-val&#39;),因为你使用.attr设置它(&#39; data-val,value)