jQuery 添加和删除类答案

【问题标题】：jQuery Add and Remove ClassjQuery 添加和删除类
【发布时间】：2011-12-10 14:48:06
【问题描述】：

我有这个选择器：

               <select name="type" id="type">
                    <option class="sub_1" value="1">1</option>
                    <option class="sub_2" value="2">2</option> 
                    <option class="sub_3" value="3">3</option> 
                    <option class="sub_3" value="4">4</option> 
                </select>

然后我有这个：

<select name="amount" id="amount">
   <option class="" id="valueAdd">   
</select>

所以，我想知道我如何只能向该选项添加一个类。我在下面有这段代码，不过，如果我在#type 选择中选择不同的 OPTION，那么它会保留第一个类，然后也只添加第二个类。

我该怎么做才能只增加一个类？（即替换另一个）

jQuery:

   $(document).ready(function() {
        $("#type").change(function() {
            var typeid = ($(this).val()) 


        $("#valueAdd").addClass("sub_" + 
                  typeid);
        });
    });

【问题讨论】：

标签： jquery class

【解决方案1】：

先删除类，再添加类

   $("#valueAdd").removeClass().addClass("sub_" + typeid);

http://api.jquery.com/removeClass/

【讨论】：

【解决方案2】：

$("#valueAdd")[0].className = "sub_" + typeid;

【讨论】：