獲取部分類名和定義一個變量，正則表達式和jQuery

Question

http://jsfiddle.net/cYmxB/

$('.change').click(function() { 
    $('.link').each(function(e) { 
     var color = this.className.match(/color-\w+/gi); 
     alert(color); 
    }); 
});​ 

我基本上是這樣的提醒與\w+，而不是整個字符串中找到正則表達式。我怎樣才能做到這一點？

此外，如何刪除color-而不刪除此實例後的正則表達式？

Answer 1

您可以使用JavaScript正則表達式循環，雖然這將返回組的數組匹配。您也可以使用replace功能與一組反向引用刪除color-

$('.change').click(function() { 
    $('.link').each(function(e) { 
     // find regex matching groups 
     var regex = /color-(\w+)/gi; 
     var match; 
     while (match = regex.exec(this.className)) { 
      alert(match[1]); 
     } 
     // remove color- 
     this.className = this.className.replace(/color-(\w+)/gi, "$1"); 
    }); 
}); 

http://jsfiddle.net/cYmxB/2/

Answer 2

使用捕獲組的顏色：

$('.change').click(function() { 
    $('.link').each(function(e) { 
     var pattern = /color-(\w+)/gi; 
     var match = pattern.exec(this.className); 
     var color = match[1]; 
     alert(color); 
    }); 
});​ 

http://jsfiddle.net/cYmxB/1/