jquery - 文字列を返す jquery スクリプトがあります。最後に空白文字を返すにはどうすればよいですか?

Question

ここに私が持っているものがあります:

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

                                });

しかし、最終的な空白文字を表示するために出力される文字列が必要です。

現在、「完了」したい「完了」を取得できるように出力しています

ありがとう！

Answer 1

試す

   return "Done"+ "&nbsp";

"&nbsp"空白を追加します。

または、div/span id がある場合、別の可能性は

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

Answer 2

次のように変更できます。

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

を使用する必要があることに注意してくださいhtml()。text()

また、私はおそらくこれをもう少し簡潔にするでしょう：

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

Answer 3

HTML コンパイラは、単語間を除き、ページ内の余分な空白をすべて取り除きます。したがって、空白が本当に必要な場合は、 必要な回数だけ HTML コードを使用してください。

Answer 4

jsFiddle Demo

マークアップに空白を表示したい場合は、<pre>要素を使用します。pre要素を使用できない場合は、 precss スタイルを使用してください。

element.style.whiteSpace="pre";

Answer 5

これらの文字列を試してください:Done そしてIncomplete