带多个增量按钮的数字微调器

Question

所以我是新手，我在网上搜索不可能在任何地方找到任何示例，所以我希望在可能的情况下得到一些帮助

我想做一个数字微调器增量..到目前为止，我找到了一个上帝，我可以轻松地将一个左右按钮减去或加1，但是如何在其旁边添加几个按钮，例如减去10或加10吗？

<div id="field1">field 1

    <button type="button" id="sub10" class="sub10">-10</button>

    <button type="button" id="sub1" class="sub1">-1</button>

    <input type="text" id="1" value="0" class="field" />

    <button type="button" id="add1" class="add1">+1</button>

    <button type="button" id="add10" class="add10">+10</button>

</div>

button {

    margin: 4px;

    cursor: pointer;

}

input {

    text-align: center;

    width: 40px;

    margin: 4px;

    color: salmon;

}

$('.add1').click(function () {

    $(this).prev().val(+$(this).prev().val() + 1);

});

$('.sub1').click(function () {

    if ($(this).next().val() > 0) $(this).next().val(+$(this).next().val() - 1);

});

$('.add10').click(function () {

    $(this).prev().val(+$(this).prev().val() + 10);

});

$('.sub10').click(function () {

    if ($(this).next().val() > 0) $(this).next().val(+$(this).next().val() - 10);

});

-1，+ 2个按钮做工精细..我希望把它工作，以便当我按下-10或+10也工作..这里是一个小提琴我被困在其中： http://jsfiddle.net / 5mvutyb6 /