jQuery text()忽略前导空白

Question

我正在编写一个脚本，它应该用一些字符串数据填充一个表。

使用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不是问题所在。生成的标记包含单词空白之前和之后的空白。呈现表是个问题。

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

见这把经编辑的小提琴。