jquery - 複数の li の各文字の後にスペースを追加する

Question

li タグには単語がたくさんありますが、それぞれの文字の後にスペースを追加したいと思います。これでうまくいくと思ったのですが、何か間違っています。誰でも私を助けることができますか？

$("#words li").each( function(){

var val = $(this).html();
var len = val.length

for(var i=0; i<len; i++)
{
$(this).html().slice(i, i+1).append("<br>");    
};

});

Answer 1

改行を追加したい場合はこれを試してください

$("#words li").html( function(idx, html){
    return html.replace(/(.)/g, '$1<br/>')
});

デモ:フィドル

スペースを追加したい場合は、これを試してください

$("#words li").html( function(idx, html){
    return html.replace(/(.)/g, '$1 ')
});

デモ:フィドル

Answer 2

この方法を試してください: ( DEMO )

$("#words li").each( function(){    
    $(this).html($(this).html().split("").join("<br/>"));    
});

または: (デモ)

$("#words li").each(function () {
    this.innerHTML = this.innerHTML.split("").join("<br/>");
});