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

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 /