如何使用jQuery更改select选项上的元素类

我希望使用jQuery在select选项上更改我的class="value"

例

  Default Black Blue Brown Green Gray Lime Orange   

如果我们选择Black span类就会

让我知道

Answer 1

我通过存储默认类来实现这一点，并在select更改时删除该类。

 var selectedScheme = 'Default'; $('#color_scheme').change(function(){ $('span').removeClass(selectedScheme).addClass($(this).val()); selectedScheme = $(this).val(); }); 

可以在这里找到一个工作示例： http ： //jsfiddle.net/9PeAc/1/

Answer 2

使用change事件确定用户何时选择了另一个选项。 要删除所有当前类，请调用不带参数的removeClass() 。 最后添加新类，可以通过this.value访问。

 $('#color_scheme').change(function(e) { $('span').removeClass().addClass(this.value); }); 

演示 ： http ： //www.jsfiddle.net/4yUqL/100/

Answer 3

尝试：

 $('p').removeClass('myClass noClass').addClass('yourClass');