我有一个返回字符串的 jquery 脚本。如何让它在最后返回一个空格字符？答案

【问题标题】：I have a jquery script that returns a string. How do I get it to return a white space character at the end?我有一个返回字符串的 jquery 脚本。如何让它在最后返回一个空格字符？
【发布时间】：2013-07-11 07:52:11
【问题描述】：

这是我所拥有的：

                                $(this).text(function(){
                                    if(this.title <=45)
                                        return 'Done ';
                                    else
                                        return 'Incomplete ';

                                });

但我希望输出的字符串显示最终的空白字符。

它当前输出它以便我得到“完成”我想要“完成”

谢谢！

【问题讨论】：

我发布了对您问题的答案，但是......这可以在 css 中完成吗？例如，您是否尝试在两个元素之间添加一些间距？如果是这样，css 将比本质上将样式硬编码到数据中更可取。
是的，这也可以在 css 中完成，我可以对文本进行填充/边距，但我的代码是这样设置的（这只是一个 sn-p 的示例我遇到的问题 - 代码本身很复杂，如果我想在 css 中配置它，我需要更改很多其他的东西）

标签： jquery string whitespace padding

【解决方案1】：

你可以这样改：

$(this).html(function(){
    if(this.title <=45)
        return 'Done&nbsp;';
    else
        return 'Incomplete&nbsp;';
});

请注意，您需要使用html() 而不是text()

另外，我可能会更简洁一点：

$(this).html((this.title <= 45 ? 'Done' : 'Incomplete') + '&nbsp;');

【讨论】：

感谢大家，就是这样！我之前已经尝试过 &nbsp，但它不起作用，因为我使用的是 text() 而不是 html()。

【解决方案2】：

jsFiddle Demo

如果您希望空白在标记中显示，请使用 <pre> 元素。如果您不能使用pre 元素，请使用pre css 样式。

element.style.whiteSpace="pre";

【讨论】：

【解决方案3】：

HTML 编译器会去除页面中所有多余的空格，单词之间除外。因此，如果您确实需要空格，请尽可能多次使用 HTML 代码 &nbsp;。

【讨论】：

【解决方案4】：

试试这些字符串：Done&nbsp; 和 Incomplete&nbsp;

【讨论】：

【解决方案5】：

试试

   return "Done"+ "&nbsp";

"&nbsp" 在哪里添加空格。

或者如果你有一个 div/span id，那么另一种可能性是

$("#target").append(" ");

【讨论】：