动态设置数据量属性的值

Set value for the data-quantity attribute dynamically

本文关键字:属性 置数据 动态      更新时间:2023-09-26

我可以使用id获取值。但我想动态更改数据量的值。html如下:

<div class="quantity" id="iddq" data-quantity="0/1"></div>

要获得该值,我使用以下代码行:

var data = $('#iddq').data('quantity');

如何使用jquery或javascript设置新值?

如果我使用以下代码,我将无法更改该值。

document.getElementbyId("5").setAttribute('data-quantity',1/5);

您需要使用.data( key, value )

value:新的数据值;这可以是除未定义之外的任何Javascript类型。

代码

$('#iddq').data('quantity', newvalue)

这个也能用。

$('#iddq').attr('data-quantity', newvalue);

要设置数据值,可以使用.data()的setter版本,它接受两个参数,键和新值

$('#iddq').data('quantity', newvalue);

注意:这不会更新属性值,因为jQuery的data api使用内部存储数据。

如果您真的想更改属性值,请使用类似的.attr()的getter和setter版本

var data = $('#iddq').attr('data-quantity');
$('#iddq').attr('data-quantity', newvalue);