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

试试这个方法：（演示）

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

或者：（演示）

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