javascript - 选择数据特定 ID 并在其他数据处添加值

Question

你好，

我有一个无法解决的问题..

我有这个:

<li><div class="bar" data-id="0" data-percentage="0"></div><span>0</span></li>

现在我想选择data-id = 0(或1,2,3,4..)并更新data-percentage +10

我怎样才能做到这一点？

var data_id = 0;

$('[data-id="'+data_id+'"]').text(Number($('div.bar').attr('data-percentage', 10)));

感谢帮助!

Answer 1

使用attr()带有回调的方法，其中回调将第二个参数保存为旧值。

$('[data-id="' + data_id + '"]').attr('data-percentage', function(i, v) {
  // parse the number and if it's NaN then treat it as 0
  return (Number(v) || 0) + 10;
});