javascript - jQuery text() 忽略前导空格

Question

这个问题已经有答案了:

Multiple Spaces Between Words in HTML without   (5 个回答)

已关闭 7 年前。

我正在编写一个脚本，该脚本应该用一些字符串数据填充表格。
使用 jQuery 的附加和文本函数可以很好地处理没有前导空白符号的数据。

但是如果字符串以一个或多个空白符号开头，它们将被忽略。

请看一下这个代码示例:https://jsfiddle.net/e56eb0zx/2/

var blank = " blank ";
var no_blank = "no_blank";

$("tbody").append(
  $("<tr>")
  .append($("<td>").text("|"+blank+"|"))
  .append($("<td>").text(blank))    // why isn't the blank displayed?
);

$("tbody").append(
  $("<tr>")
  .append($("<td>").text("|"+no_blank+"|"))
  .append($("<td>").text(no_blank))
);

如何解决此问题？

提前致谢!

Answer 1

jQuery 不是问题。生成的标记包含单词“blank”前后的空白。这是渲染表格的问题。

将表格单元格的 CSS 属性 white-space 设置为 pre 或 pre-wrap 以获得所需的行为。

参见this edited fiddle .