javascript - 拆分字母并分配类别

Question

我遇到以下问题，我需要分隔跨度中的每个字符，并根据 JavaScript 的字符分配一个类。

我有这个:

<div>1111222</div>     

最终结果应该是这样的:

<div>
   <span class="e1">1</class>
   <span class="e1">1</class>
   <span class="e1">1</class>
   <span class="e1">1</class>
   <span class="e2">2</class>
   <span class="e2">2</class>
   <span class="e2">2</class>
</div>     

这是我正在使用的代码:

var str = $('.test').text();
var result = "";
str = str.split("");
var h = $(this).text();
$.each(str,function(){
if( h = 1)
{
    result += '<span class="e1">' + this + '</span>';
}
else if ( h = 2)
{
    result += '<span class="e2">' + this + '</span>';
}
});
$('.test').html($(result));    

谢谢

Answer 1

var spanVals = $('div').text().split('');
for(var i = 0; i < spanVals.length; i++) {
    var span = $('<span>').addClass('e'+spanVals[i]).text(spanVals[i]);
    $('div').append(span);
}