jquery - jQuery 插件（或类似插件）将文本 Google 着色为与 Google 徽标相同的颜色

Question

我正在寻找一个 jQuery 插件或类似的东西，它将改变单词“Google”的每个字母的颜色以匹配 Google 徽标的颜色。

因此，例如，如果我有以下标记：

<span>Google AdWords</span>

我想更改单词Google，使每个字母的颜色与 Google 徽标的颜色相同，即蓝色、红色、黄色、蓝色、黄色、红色。

我知道这是一个很小的问题，但我原以为会有一个 jQuery Highlight 版本在那里我可以定位字符串“Google”，它可以完成这项工作，但我无法在任何地方找到它。

Answer 1

试试这个：

CSS

.blue{color:blue;}
.red{color:red;}
.yellow{color:yellow;}
.green{color:green;}
span{font-size:30px;}

脚本

var txt=$('span').text();
txt=txt.replace('Google','<span class="blue">G</span><span class="red">o</span><span class="yellow">o</span><span class="blue">g</span><span class="green">l</span><span class="red">e</span>');

 $('span').html(txt);

小提琴http://jsfiddle.net/3DRaT/