jquery - jquery在点击时添加值

Question

我希望你能帮助我。目前我有这个progressBar，它只是在点击时使用预定义的值，在div中显示百分比进程。

按钮：

<a class="pbar" data-value="5" href="javascript:void(0)"></a>

到目前为止，这里的js代码：

<script type="text/javascript">

progressBar(0, $('#progressBar'));

$('.pbar').click( function () {
    progressBar($(this).attr('data-value'), $('#progressBar'));

});


</script>

我现在想要的是，每次单击“.pbar”按钮时，数据值将增加5。所以我单击一次按钮，栏显示5％，我再次单击，显示10％，再次 15% 等等。

感谢您的帮助。谢谢你。迷宫

Answer 1

$counter = 5;

$('.pbar').click( function () {
    $counter = $counter+5;
    progressBar($counter, $('#progressBar'));

});

Answer 2

试试这个，希望对你有帮助

$counter = $('.pbar').val();

$('.pbar').click( function () {
 $counter = $counter+5;
 progressBar($counter, $('#progressBar'));

});

Answer 3

progressBar(0, $('#progressBar'));

    $('.pbar').click( function () {
    var currentVal = parseInt($(this).attr('data-value'));
    if (currentVal <= 100)
    {
        currentVal = currentVal + 5;
        progressBar(currentVal, $('#progressBar'));
        $(this).attr('data-value', currentVal);
    }
});