wrap each char in except tags with jQuery

Question

I\'m trying to wrap each text character inside a

with a span tag. No problem there, it\'s just that I a

Answer 1

You can do this by using the following code:

$("div").children().andSelf().contents().each(function(){
    if (this.nodeType == 3) {
        var $this = $(this);
        $this.replaceWith($this.text().replace(/(\w)/g, "<span>$&</span>"));
    }
});

See test case on jsFiddle.