将空格插入跨度内的文本失败

Question

我的Dom中有一个span元素，就像这样

<span class="intro">Create your account inng to some worthy causes.</span>

我试图在该范围内的最后一个字符后追加一个空格 我的代码就像这样

$($('.sp-pods h2 span')).each(function () {
    $(this).text($(this).text() + ' ');
});

一切看起来都没问题，但空白空间没有被添加。但是，如果我尝试这样的事情

$($('.sp-pods h2 span')).each(function () {
    $(this).text($(this).text() + 'xx';');
});

效果很好/只有空白空间才会到来。我在这里做错了什么？

Answer 1

您可以使用padding-right或margin-right：

span.intro{
    padding-right: 5px;
}

或者：

span.intro{
    margin-right: 5px;
}

希望这有帮助。

＆＃13;

＆＃13;

span.intro{
  margin-right: 20px;
}

＆＃13;

<span class="intro">Create your account inng to some worthy causes.</span>TEXT AFTER SPACE

＆＃13;

＆＃13;

＆＃13;

Answer 2

你应该使用css伪元素。

.intro::after {
   content: ' ';
}

Answer 3

  is not accepted.

你可以简单地在你正在调用的函数中添加空格

 $($('.sp-pods h2 span')).each(function () {

    $(this).text($(this).text() + ' ');
});

或者您可以使用'\ u00a0'

替换

 $($('.sp-pods h2 span')).each(function () {

$(this).text($(this).text() + '\u00a0');

}）;