2017-05-20 19 views
0

私は、私はHTMLにアヤックスからデータを渡すとhtmlページHTMLは言葉

"Hello. Hello" 

に、このような文字列を表示しようとしています間に複数のスペースがある場合は、文字列内の空きスペースを除去され、そのHTMLで

$("#tag").text("Hello.  Hello"); 

<div id="tag"></div> 
の下に定義されるように、私はdiv要素を持っている:私は、次の方法でそれを渡していても 「こんにちはこんにちは」として、それを表示します
+1

をそれを修正しますhttp://stackoverflow.com/questions/1981349/regex-to-replace-multiple-spaces-with-a-の答えを持っていますsingle-space#1981366 –

+0

@ sid-m複数のスペースがある場合はスペースを削除したくないので、同じ方法でそれを表示したいと思います。 – Kumar

+2

あなたは 'pre'要素を使うことができます –

答えて

4

、この場合#tagでは、CSSでwhite-space: pre;をご希望の目的地を与えます。これは(スニペットを参照)

$("#tag").text("Hello.  Hello");
#tag { 
 
    white-space: pre; 
 
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id = "tag"></div>

3

pre要素

$("#tag").append("<pre>Hello.  Hello</pre>"); 
1

HTMLを使用して、デフォルトでは、あなたの代わりにスペースを&nbsp;を使用してこの作業を行うことができません。その詳細についてはhereをお読みください。

var html = "Hello.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;World."; 
 
$("#tag").html(html);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="tag"></div>