添加班級並刪除其他人

Question

所以我有一個簡單的下拉菜單，我面臨一個挑戰，因爲我已經構建了一個簡單的colorpicker，刪除一個類並添加另一個，所有這些都沒有刪除下拉的基本類。 我試過.filter（）和.not（），但似乎沒有任何工作。 這裏是jQuery的部分：

$('ul.colopicker li').click(function(){ 
var $text = $(this).text(); 
    $('ul#navmenu li, ul.sub1 li, ul.sub2 li').removeClass($text); 
    $('ul#navmenu li, ul.sub1 li, ul.sub2 li').addClass($text); 
}); 

而這裏的fiddle。

My question is: Can anyone modify the jQuery so that when i click the colors to add class but not remove the default one 

Answer 1

很難告訴你要acheive什麼，但你可能有更好的運氣的東西，如：

$('ul.colopicker li').click(function(){ 
var $text = $(this).text(); 
    $('.'+$text).removeClass('red blue'); 
    $('ul#navmenu li, ul.sub1 li, ul.sub2 li').addClass($text); 
}); 

Answer 2

如果你想改變這一切li S的背景，也許它能夠更好地切換類僅在ul：

CSS：

.red li {background-color:red !important;} 
.blue li {background-color:blue !important;} 

的JavaScript：

$('ul.colopicker li').click(function(){ 
    var $text = $(this).text(); 
    $('ul#navmenu').removeClass().addClass($text); 
}); 

小提琴： http://jsfiddle.net/gFSac/1/