jquery - 用jquery分隔每个字母

Question

如何分隔段落的每个字母？

当前的html

<div id="news">news flash</div>

结果应该是这样的

<div id="news">
<span>n</span><span>e</span><span>w</span><span>s</span><span>&nbsp;</span>
<span>f</span><span>l</span><span>a</span><span>s</span><span>h</span>
</div>

这样我就可以为每个字母制作动画效果，就像我们在 Flash 中或准备好图像一样。

Answer 1

你可以做

$('#news').html(function(_,html){
    return html.split('').map(function(letter){
       return '<span>'+letter+'</span>'
    }).join('');
})

示范

Answer 2

var txt = $("#news").html();
var spantxt="";
for(var i =0;i<txt.length;i++){
    spantxt+="<span>"+txt[i]+"</span>";
 }
$("#news").html(spantxt);