Question

这是我的剧本

 $(document).on('click', '.cnt', function(e) {
        e.preventDefault();
        var wa = $('#te').data('vals');
        va = wa + 1;
        console.log(va);
        $('#te').data('vals', va);
        $('#te').attr('data-vals', va);
    })

这是我的

<a href="" class="cnt">click me</a>
<div id="te" data-vals=1>count</div>

上述脚本未按预期正常工作。请找到fiddle here

Answer 1

您可以使用 .attr() 代替.data()以及在值之前使用一元加+来将wa值解析为整数为了将其增加为数字：

$(document).on('click', '.cnt', function (e) {
    e.preventDefault();
    var wa = $('#te').attr('data-vals');
    va = +wa + 1;
    console.log(va);
    //$('#te').data('vals', va);    // This is not updating even once
    $('#te').attr('data-vals', va); // This is updating only once
});

<强> Updated Fiddle

jquery动态更改数据属性值并计算算术运算（加法）

1 个答案: