jQuery text（）は先頭の空白を無視します

Question

私はスクリプトを作成しています。
jQueryのappend関数とtext関数を使用すると、空白のシンボルが先行していないデータに対して正常に動作します。

しかし、文字列が1つ以上の空白記号で始まる場合、それらは無視されます。

このコードの例を見てください：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は問題ではありません。生成されたマークアップには、空白の前後に空白が含まれます。テーブルのレンダリングに問題があります。

は、あなたのテーブルの細胞が所望の動作を取得するためのpreまたはpre-wrapにCSS属性white-spaceを設定します。

this edited fiddleを参照してください。