Javascript - add a range for each letter

Question

I am trying to replace each letter div with the set "span".

This code works except for letters with accents like "é". Can you help me?

$('h2').each(function(){ $(this).html($(this).text().replace(/(\w)/g, "<span>$&</span>")); }); 

Answer 1

You can try the following regular expression:

 /([^\x00-\x80]|\w)/g 

Answer 2

\w does not contain diacritical characters, so you need to specify a Unicode range, for example

 /[az\u00C0-\u00F6\u00F8-\017E]/gi 

Answer 3

My option without regex

http://jsfiddle.net/d6pDG/

 var html = $('.test').html(); var ret = ""; $.each(html.split(''), function(k, v) { ret += "<span>" + v + "</span>"; }); $('.test').html(ret);