动态设置data-quantity属性的值

Question

我可以使用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);

Answer 1

要设置数据值，您可以使用.data()的setter版本，它带有2个参数，键和新值

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

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

如果您确实想要更改属性值，请使用.attr()的getter和setter版本

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

Answer 2

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

  

值：新数据值;这可以是除undefined之外的任何Javascript类型。

代码的

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

Answer 3

这个也有效。

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