删除一个类别，但不同时删除两个类别

如何解决删除一个类别，但不同时删除两个类别

| 我目前有这段代码可以根据选择选项显示/隐藏内容。 如何在不删除.desarea的情况下，根据选择的选项来添加和删除类？

<option value=\"country1\">
<option valye=\"country2\">

<div class=\"desarea country1\">

//Create destination switch
    $(\'#regionselect\').change(function(){
        var selected = $(this).find(\':selected\');
        $(\'.regionDetail\').fadeOut();
        var count = $(\'.countrylist\').length;
        $(\'.countrylist\').slideUp(function(){
            if(!--count) {
               $(\'.\'+selected.val()).slideDown();
            }       
        });
    });

    

解决方法

        这是你想要的吗 ？

$(\'#regionselect\').change(function(){
    var selectedValue = $(this).val();

    $(\'div\').removeClass(selectedValue);
});

编辑 那么这更好吗？ http://jsfiddle.net/pmEVU/2/

$(\'#regionselect\').change(function(){
    var selectedValue = $(this).val();

    $(\'option\',this).each(function() {
        var currentValue = $(this).val();

        if (currentValue == selectedValue)
            $(\'div\').addClass(selectedValue);
        else
            $(\'div\').removeClass(currentValue);
    });
});

    ,        使用

jQuery.addClass

和

jQuery.removeClass

在元素中添加和删除类名，而不影响该元素可能具有的其他类。     ,        

removeClass

函数将从匹配的元素集中删除任何命名的类，例如

$(\'#selector\').removeClass(\'oldClass\');

。 相反，“ 7”功能将向选择器匹配的元素添加新类。