javascript - 使用 jQuery 添加多个(额外的)空格以跨越

Question

所以我一直在四处寻找这个问题，仍然没有找到答案。我知道如何在 jQuery 中使用 append 方法添加单个空格，但不知道如何添加多个空格。

示例:

<div id="#myDiv"> hey? <span class="space"></span> my name<span class="space"></span> is coding enthusiast<span class="space"></span> .....</di>

我希望输出是这样的:

Hey          my name        is coding enthusiast        ......

我试过 Jquery append，它没有给我类似的东西。

 //1st try 
 $('space').append("      ");
 //2nd try
 $('space').append("&nbsp &nbsp &nbsp &nbsp");
 //2nd try output: hey&nbsp&nbsp&nbspmy name&nbsp&nbsp&nbspis coding enthusiast&nbsp&nbsp&nbsp....

我觉得我错过了一些小东西。有什么想法吗？

编辑:我的代码问题中有一个拼写错误，在回答时误导了一些人:

    //1st try 
     $('.space').append("      ");
     //2nd try
     $('.space').append("&nbsp &nbsp &nbsp &nbsp");
     //2nd try output: hey&nbsp&nbsp&nbspmy name&nbsp&nbsp&nbspis coding enthusiast&nbsp&nbsp&nbsp....

Answer 1

已修复，忘记了分号，感谢 Jake 的评论(他已经删除了)，我可以解决这个问题。

  $('.space').append("       ");