jquery - How to make " " appear in the middle

Question

How to make string "Review 1" with sequencial white spaces in the middle to be rendered as such. Please see the example below.

<div id="target"></div>

var name = "Review     1"
$('#target').html(name);

Thanks

score 7 · Accepted Answer

7

 每个空间使用一个

于 2012-12-19T10:30:54.553 回答

score 7 · Accepted Answer

更改处理空白的方式：

<div id="target" style="white-space: pre;"></div>

score 1 · Accepted Answer

您需要使用.replace()试一试：

$(function () {
    var name = "Review     1"
    $('#target').html(name.replace(/\s/g, '&nbsp;'));
});

score 1 · Accepted Answer

如果您需要多个空格，您可以使用 html 编码字符作为空格： （=非换行空格）

var name = "Review&nbsp;&nbsp;&nbsp;&nbsp;1"

score 1 · Accepted Answer

1

var name = "Review     1".replace(/ /g, "&nbsp;");

$('#target').html( name );

于 2012-12-19T10:31:53.657 回答

score 0 · Accepted Answer

 像其他人说的那样使用。如果文本是动态的，请使用替换：

name = name.replace(/\s/g,'&nbsp;');

score 0 · Accepted Answer

0

var name = "Review     1"
name.split(' ').join('&nbsp');
$('#target').html(name);

于 2012-12-19T10:39:34.383 回答

score 0 · Accepted Answer

那么你可以使用<pre>标签：

$('#target').html('<pre>'+name+'</pre>');

签出小提琴：http: //jsfiddle.net/8BJuB/

8 回答 8