javascript - 将 html5 数据属性值保存在变量中

Question

我有这样的链接

<a href="#" data-quantity="1" class="buynow">Buy now </a>

用户选择产品数量时分配数据数量值。

截至目前，我得到了这样的数据量值

jQuery(document).ready(function($){ 
    $(document).on( 'click', '.buynow', function() { 
        var quantity = $(this).attr('data-quantity');
    });
});

该代码起初工作正常，但如果用户再次更改数量，则会显示先前使用的值。

有人能告诉我如何刷新值吗？

谢谢

更新：

我的数量选择按钮看起来像这样

<div class="quantity buttons_added">
<input type="button" value="-" class="minus">
<input type="number" step="1" name="quantity" value="1" title="Qty" class="input-text qty text">
<input type="button" value="+" class="plus">
</div>

Answer 1

您需要一些代码来更改数据标签

$('.minus').click(function(){
  var qty = $('.buynow').data('quantity');
  if(qty!=0)
    $('.buynow').data('quantity', qty - 1);
})
$('.plus').click(function(){
  $('.buynow').data('quantity', $('.buynow').data('quantity') + 1);
})

未测试