Clicked无法正常工作时更改数据值

Question

点击时的

值尝试了这些代码，但是当我检查元素时，值没有改变

<div id="foo" data-value="3">Click Here</div>

这是JavaScript

$("#foo").on('click', function(){
  var foo1 = $(this);
  var c = foo1.attr('data-value');
  var sum = parseInt(c) + parseInt(3);
  $("#foo").data("data-value", sum);
});

Answer 1

要设置属性值，您可以使用attr，就像使用attr获取属性值一样。请尝试以下方法：

$("#foo").on('click', function(){
  var foo1 = $(this);
  var c = foo1.attr('data-value');
  var sum = parseInt(c) + parseInt(3);
  a = foo1.attr("data-value", sum);
  console.log(foo1.attr("data-value"));
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="foo" data-value="3">Click Here</div>