選択したデータの特定のIDやその他のデータ

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))); 

Thx for help！

Answer 1

attr()メソッドをコールバックで使用すると、コールバックで2番目の引数が古い値として保持されます。

$('[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) 
}