Javascript 来自硬编码数组的jQuery微调器问题

请看一看并告诉我如何使微调器在每次单击减号或加号按钮时从

opa

数组中添加值

以下是我的代码：

<div class="btn-group input-group">
  <button type="button" class="btn btn-default minus">-</button>
  <button type="button" class="btn btn-default">%</button>
   <button type="button" class="btn btn-default opacity">0</button>
  <button type="button" class="btn btn-default plus">+</button>
</div>

$(document).ready(function () {
    var opa = [0, 10, 20, 30, 40, 50, 60, 70, 80, 90];
    $(".plus").on("click", function () {
        $(".opacity").html(opa[1]);
    });
    $(".minus").on("click", function () {
        $(".opacity").html(opa[0]);
    });
});

-
%
0
+
$（文档）.ready（函数（）{
var opa=[0,10,20,30,40,50,60,70,80,90]；
$（“.plus”）。在（“单击”，函数（）{
$（“.opacity”）.html（opa[1]）；
});
$（“.减号”）。在（“单击”上，函数（）{
$（“.opacity”）.html（opa[0]）；
});
});

试试这个：

$(document).ready(function () {
    var opa = [0, 10, 20, 30, 40, 50, 60, 70, 80, 90];
    var i=0;
    $(".plus").on("click", function () {
        if(i<9) $(".opacity").html(opa[++i]);
    });
    $(".minus").on("click", function () {
        if(i>0) $(".opacity").html(opa[--i]);
    });
});

$（文档）.ready（函数（）{
var opa=[0,10,20,30,40,50,60,70,80,90]；
var i=0；
$（“.plus”）。在（“单击”，函数（）{
if（i0）$（“.opacity”）.html（opa[--i]）；
});
});

非常感谢Michal！如果您再次单击加号并开始投反对票，则在向上投票至最后一项后，第一次单击“不工作”！当按键达到max+或uNumber时，有没有办法禁用它？@user1760110 disabled，在

if

语句中，您可以另外更改css以使按钮看起来被禁用。