jQuery：removeClass中的通配符類選擇器

Question

當我直接指定它時（即'ratingBlock'，'ratingBlock1'，'ratingBlock2'等），此代碼片段用於在添加新類之前刪除現有類。但是，當我在removeClass（'[class^=「ratingBlock」]'）中使用通配符選擇器時，它不起作用。難道我做錯了什麼？謝謝。

<style type="text/css"> 
.ratingBlock {background:gold !important;} 
.ratingBlock1, .ratingBlock2, .ratingBlock3, .ratingBlock4, .ratingBlock5 {background:LightGreen;} 
</style> 

<div class="test block ratingBlock"> 
Broken 
<div><a href="#" class="ratingLink ratingNo-1">1+</a></div> 
<div><a href="#" class="ratingLink ratingNo-2">2+</a></div> 
<div><a href="#" class="ratingLink ratingNo-3">3+</a></div> 
</div> 

<script type="text/javascript"> 
// <![CDATA[ 
jQuery(document).ready(function(){ 
    initRatingWorks(); 
}); 

function initRatingWorks() { 
    jQuery("a.ratingLink").bind('click', function() { 
     var star = jQuery(this); 
     var ratingBlock = star.parents('div.test.block'); 
     var rating = star.attr('class').match(/\d+/); 

     if (ratingBlock.attr('class').indexOf('ratingBlock') !== -1) { 
      ratingBlock.removeClass('[class^="ratingBlock"]').addClass('ratingBlock' + rating); 
     } 
     else { 
      ratingBlock.addClass('ratingBlock' + rating); 
     } 

     return false; 
    }); 
} 
// ]]> 
</script> 

Answer 1

$.removeClass()並不需要選擇作爲參數，只一個類名（或類名）。

參見：Removing multiple classes (jQuery)

所以你basiacally需要調用：

$.removeClass('ratingBlock1 ratingBlock2 ratingBlock3 ratingBlock4 ratingBlock5'); 

Answer 2

我認爲你的問題是引號：我不認爲你需要它們，試着省略它們。

'[class^=ratingBlock]' 

編輯：

.removeClass()接受一個類名，而不是一個選擇。

你可以，但是，指定多個空格分隔類名，所以可以試試這個：

.removeClass('ratingBlock ratingBlock1 ratingBlock2'); 

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

Answer 3

removeClass它可以是一個函數或一個類名。您正在嘗試提供一個css選擇器。它看起來像所有你需要的是：

ratingBlock.removeClass('ratingBlock').addClass('ratingBlock' + rating) 

此外，你可以刪除這樣的通配符：

ratingBlock.removeClass (function (index, css) { 
    return (css.match (/ratingBlock/g) || []).join(' '); 
}); 

參考：JQuery removeClass wildcard

Answer 4

如果它使任何容易，我wrote a plugin for another answer將剝離類開始（或結束）一根火柴，所以

ratingBlock.stripClass('ratingBlock-').addClass('ratingBlock-' + rating); 

將刪除ratingBlock-1和ratingBlock-2而不是ratingBlock（只要您包括da SH）。

代碼：https://gist.github.com/zaus/6734731