Question

您好

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

我有这个：

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

现在我想要选择data-id = 0 (or 1,2,3,4..) and update 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;
});

Answer 2

使用this，

$( document ).ready(function() {
  incrementTen(0);
})

function incrementTen(dataId){
  let el = $('[data-id='+dataId+']'), 
  initialValue = $(el).data('percentage');
  $(el).attr('percentage', initialValue+10)
  console.log(initialValue, $(el)[0].outerHTML)
}

选择特定于数据的ID并在其他数据

2 个答案: