虽然在网络上有一些这方面的例子,它似乎无法正常工作。我不知道这个问题。
我有这个简单的html
<div id="foo" data-num="0"></ div> <a href="#" id="changeData">change data value</a>
每次我点击链接“更改数据值”我想更新data-num的数据值。
例如我需要它是1,2,3,4,…(加1每次我点击链接)
我有什么
var num = $('#foo').data("num"); console.log(num); num = num+1; console.log(num); $('#foo').attr('data-num',num);
该值每次从0更改一次到1。我不能使它增量。任何建议我做错了什么?
解决方法
您没有正确使用
data method。更新数据的正确代码是:
$('#foo').data('num',num);
所以你的例子是:
var num = $('#foo').data("num") + 1; console.log(num) $('#foo').data('num',num); console.log(num)