jQuery text() 忽略前导空白

Question

我正在编写一个脚本，它应该用一些字符串数据填充 table。
使用 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 前后的空格。渲染 table.

时出现问题

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

见this edited fiddle。

jQuery text() 忽略前导空白

jQuery text() ignores leading blank

javascript

jquery

text

space