Jquery,选择元素,对象

时间:2015-11-30 11:33:28

标签: javascript jquery html

我是JS的纯新手,并在页面上使用了几个选项。每个选择元素都有两个按钮“prev”和“next”。 “下一个”类的按钮可转到下一个选项,而“上一个”按钮可用于上一个选项。单击按钮,我会检测应该使用哪个选择。

$("button").click(function () {
var btntyp= $(this).prop("class");
var usedSelector = $(this).parent('div').parent('div').find('select');

现在我想使用点击按钮的类来浏览指定的元素。  我知道这行代码将我带到下一个选项

 usedSelector.children(':selected').next('option').prop('selected', true);

和前一个选项:

usedSelector.children(':selected').prev('option').prop('selected', true);

但我想通过使用该按钮的类而不是编写switch语句

来保持我的代码简短

如何在

中使用“next”或“prev”的按钮类
usedSelector.children(':selected')**USE BUTTON CLASS**.val();

或任何其他建议的简短方法,使用按钮的类来检测是否转到上一个或下一个选项

非常感谢

1 个答案:

答案 0 :(得分:0)

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

应该做的伎俩