单击时从数据属性获取更新值

Question

我正面临从数据属性获取更新值的问题!

点击这里http://jsfiddle.net/Jim_Toth/ZLJbt/show/

点击(多少？)并提醒您获取当前值

但是,在您单击(添加一个？)后,将向当前值添加+1

如果你点击(多少？)再次获得你以前得到的旧价值

那么如何获得更新的价值而不是我以前得到的旧价值？

检查这里的代码http://jsfiddle.net/Jim_Toth/ZLJbt/

$('div').click(function () {
    alert($(this).data('foo'));
});

var div = 1;
$('button').click(function () {
    $('div').attr('data-foo', div);
    div += 1;
});

Answer 1

jQuery的.数据()使用data-*,如果你想修改,然后只使用后,初始化的数据值...有.数据() STO设置的值

你应该设置.data()而不是attr()

var div = 1;
$('button').click(function () {
    $('div').data('foo', div);
    div += 1;
});

演示:小提琴