来自硬编码数组的jQuery Spinner问题

Question

请你看一下This Demo，让我知道如何在每次点击减号或加号按钮时让Spinner从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]);
    });
});

Answer 1

试试这个：

$(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]);
    });
});