使用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追加，它没有给我这样的东西。

 //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("       ");

Answer 2

您没有正确选择元素并添加分号。试试这个：

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

Answer 3

您需要添加.来指定您按类选择，并在nbsp之后添加分号（正如Jake Opena指出的那样。）

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

Answer 4

另一种方法可能是这样的：https://jsfiddle.net/fvLxxwa4/

将此样式用于.space：

.space {
    margin-left: 50px;
}