Javascript jQuery选择框增加值，仅目标下一步选择

我有一个简单的脚本，可以增加和减少选择框的选定值：

$(".inc").click(function(){
    $("select option:selected").next().prop("selected", true);
});
$(".dec").click(function(){
    $("select option:selected").prev().prop("selected", true);
});

但是，我在一个表单中有20个选择，我不想用新的ID重复脚本，只将脚本与下一个选择框关联（例如选择1、选择2…）

目前，当用户在任何选择框上单击inc或dec时，表单中的所有选择值都会更新，而不仅仅是一个

有人知道如何在执行脚本时只针对下一个即时选择框吗

---

谢谢

与选择菜单相关的.inc在哪里？有20个inc和20个select菜单吗

如果结构是：

<div class="inc">increment</div>
<select><option></option><option></option></select>

---

更新：请注意.next（）的使用取决于您的HTML结构。使用兄弟姐妹（）会更好。请参见此处的示例：

Hi，Yes-有二十个按钮的类为“inc”，二十个按钮的类为“dec”-这是否仍然有效？是的，它仍然有效，但next（）只获取紧跟其后的DOM元素，因此如果有

，则只有“dec”一个按钮有效。我已经修改了我的脚本以使用“兄弟”（因此，如果它们在相同的DOM层次结构中，它们将可以工作。下面是一个工作示例：。是的-太棒了，非常感谢您的帮助-非常感谢！

$(".inc").click(function(){
$(this).next('select > option:selected').next().prop("selected", true);
});