如何使用jQuery更改选择选项上的元素类[重复]答案

【问题标题】：How to change element class on select option using jQuery [duplicate]如何使用jQuery更改选择选项上的元素类[重复]
【发布时间】：2011-02-07 16:30:20
【问题描述】：

我想使用 jQuery 更改我的 class="value" 选择选项

例子

<select name="color_scheme" id="color_scheme">
  <option selected="selected">Default</option>
  <option>Black</option>
  <option>Blue</option>
  <option>Brown</option>
  <option>Green</option>
  <option>Gray</option>
  <option>Lime</option>
  <option>Orange</option>
</select>

<span class="Default"></span>

如果我们选择黑色跨度类将是

<span class="Black"></span>

告诉我

【问题讨论】：

标签： jquery html

【解决方案1】：

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

var selectedScheme = 'Default';

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

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

【讨论】：

【解决方案2】：

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

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

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

【讨论】：

【解决方案3】：

试试：

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

【讨论】：