CSS:
.splitWord .char1 {color:red;}
.splitWord .char2 {color:green;}
.splitWord .char3 {color:blue;}
.splitWord .char4 {color:yellow;}
.splitWord .char5 {color:orange;}
.splitWord .char6 {color:yellowgreen;}
.splitWord .char7 {color:cyan;}
.splitWord .char8 {color:gold;}
.splitWord .char9 {color:pink;}
.splitWord .char10 {color:magenta;}
HTML:
<h2 class="splitWord">Lorem Ipsum</h2>
JS:
// Заворачиваем буквы в span
$('.splitWord').children().andSelf().contents().each(function() {
if (this.nodeType == 3) {
$(this).replaceWith($(this).text().replace(/(\w)/g, "<span class='char'>$&</span>"));
}
});
// Добавляем классы .char1, .char2, .char3, ...
$('.splitWord').each(function() {
$('span.char', this).each(function(i) {
i = i+1;
$(this).addClass('char' + i);
});
});
