Javascript Jquery,选择元素,对象

Javascript Jquery,选择元素,对象,javascript,jquery,html,Javascript,Jquery,Html,我是JS的新手,在一个页面上使用多个选项。每个选择元素有两个按钮“prev”和“next”。“下一步”类按钮转到下一个选项,“上一步”类按钮转到上一个选项。单击按钮时,我会检测应该使用哪个选项 $("button").click(function () { var btntyp= $(this).prop("class"); var usedSelector = $(this).parent('div').parent('div').find('select'); 现在我想使用clicked

我是JS的新手,在一个页面上使用多个选项。每个选择元素有两个按钮“prev”和“next”。“下一步”类按钮转到下一个选项,“上一步”类按钮转到上一个选项。单击按钮时,我会检测应该使用哪个选项

$("button").click(function () {
var btntyp= $(this).prop("class");
var usedSelector = $(this).parent('div').parent('div').find('select');
现在我想使用clicked button类来浏览指定的元素。 我知道这行代码带我到下一个选项

 usedSelector.children(':selected').next('option').prop('selected', true);
此选项与上一选项相同:

usedSelector.children(':selected').prev('option').prop('selected', true);
但我想通过使用该按钮的类而不是编写switch语句来保持代码的简短

如何在中使用“下一步”或“上一步”按钮类

或者任何其他建议使用button类来检测是否转到prev或next选项的快捷方式

 usedSelector.children(':selected').next('option').prop('selected', true);
非常感谢

var className = usedSelector.children(':selected').attr('class');

应该做到这一点

用足够的代码创建场景片段您是否正在查找
usedSelector.children(':selected')。同胞('.'+btntyp).val()?我正在尝试选择上一个/下一个选项