jquery:MakeWordsInThisBigWordWithDifferentColors

Question

<div class="Colorize">
SomeBigWordThatIsFormedFromOtherWords
</div>

是否可以使每个单词具有不同的颜色,比如将其转换为如下所示:

    <span style="color:red">Some</span>
    <span style="color:blue">Big</span> etc.

Answer 1

是的,你可以这样做:

$(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>';
    }));
  });
});