Javascript 单击“不工作”时更改数据值

单击时的值尝试了这些代码，但当我检查元素时，该值没有更改

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

---

要设置属性值，可以使用

attr

，就像使用

attr

获取属性值一样。请尝试以下操作：

$（“#foo”）。在（'click'，function（）上{
var foo1=$（此值）；
var c=foo1.attr（'data-value'）；
var-sum=parseInt（c）+parseInt（3）；
a=foo1.attr（“数据值”，总和）；
console.log（foo1.attr（“数据值”））；
});

单击此处
在使用
$（此）
的地方最好使用
foo1
，非常感谢。。我最近试过attr（），但什么也没发生。。我复制了你的代码，它可以工作。你用哪个浏览器检查？在旧版本的Internet Explorer中，页面源不会动态更改。我使用的是Google Chrome版本63.0.3239.132（64位）
$("#foo").on('click', function(){
  var foo1 = $(this);
  var c = foo1.attr('data-value');
  var sum = parseInt(c) + parseInt(3);
  $("#foo").data("data-value", sum);
});