Demo JQuery .append(), .prepend(), .before() dan .after() - Edit: Konsep LetteringJS
http://stackoverflow.com/questions/5754450/wrap-each-char-in-except-tags-with-jquery
by Taufik Nurrohman
HTML
<span class="splitWord">Lorem ipsum dolor sit amet...</span>
CSS
body {
padding:50px;
}
.splitWord span:nth-child(5n+1) {color:red;}
.splitWord span:nth-child(5n+2) {color:green;}
.splitWord span:nth-child(5n+3) {color:blue;}
.splitWord span:nth-child(5n+4) {color:yellow;}
.splitWord span:nth-child(5n+5) {color:orange;}
JavaScript
$('.splitWord').children().andSelf().contents().each(function() {
if (this.nodeType == 3) {
$(this).replaceWith(
$(this).text().replace(/(\w)/g, "<span>$&</span>")
);
}
});