在多个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/>')
});

演示：Fiddle

如果要添加空格

，请尝试此操作

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

演示：Fiddle

Answer 2

尝试这种方式：（DEMO）

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

或:( DEMO）

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