<div class="Colorize">
SomeBigWordThatIsFormedFromOtherWords
</div>
是否可以使每个单词具有不同的颜色,例如将其转换为这样的内容:
<span style="color:red">Some</span>
<span style="color:blue">Big</span> etc.
最佳答案
是的,你可以这样做:
$(function(){
var colors = [ 'red', 'blue', 'green' ];
var colorIndex = -1;
$('.Colorize').each(function(){
$(this).html($(this).text().replace(/([A-Z][a-z]+)/g,function($0, $1){
colorIndex++;
return '<span style="color:' + colors[colorIndex % colors.length] + '">' + $1 + '</span>';
}));
});
});
关于jquery:MakeWordsInThisBigWordWithDifferentColors,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3012520/