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

时间:2013-06-09 20:56:40

标签: javascript jquery html5

我有这样的链接

<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>

1 个答案:

答案 0 :(得分:0)

您需要一些代码才能更改数据标记

$('.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);
})

未经测试