如何將空格字符添加到jquery appendto中的文本？

我想在Jquery appendto的代碼中添加額外的空格字符。我怎樣才能以編程方式添加它？我已經搜索了一些討論，但沒有一個與我的問題非常相似。如下圖所示我的代碼：如何將空格字符添加到jquery appendto中的文本？

$("<div>", { 
'class': "main_container", 
'id':'bot1', 
text: 'item_taken |  item_sold', //i want to add spaces between 
css: { 
    "background-color": "#6699cc"   
} 
}).appendTo('#somediv');

謝謝

來源

2016-09-23 schenker

你可以讓plnkr或js小提琴 –

該文本仍然是HTML。它不會保留空白。您需要使用' '，' '，css填充或類似的東西 – Tibrogargan

使用HTML而不是文本，你可以使用[& NBSP]或[& EMSP]（等於標籤）

$("<div>", { 
'class': "main_container", 
'id':'bot1', 
html: 'item_taken &emsp; | &emsp; item_sold', 
css: { 
    "background-color": "#6699cc"   
} 
}).appendTo('#somediv');

工作演示：https://jsbin.com/saxogo/edit?html,js,output

來源

2016-09-23 06:49:21 KrishCdbry

太棒了，作品！謝謝 – schenker

最受歡迎！ – KrishCdbry

使用 給予空間。如下所示使用html代替文本。

$("<div>", { 
'class': "main_container", 
'id':'bot1', 
html: 'item_taken&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;item_sold', //i want to add spaces between 
css: { 
    "background-color": "#6699cc"   
} 
}).appendTo('#somediv');

$("<div>", { 
 
    'class': "main_container", 
 
    'id':'bot1', 
 
    html: 'item_taken&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;item_sold', //i want to add spaces between 
 
    css: { 
 
    "background-color": "#6699cc"   
 
    } 
 
}).appendTo('#somediv');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="somediv"></div>

來源

2016-09-23 06:42:39

謝謝，它的工作原理。 – schenker

如何將空格字符添加到jquery appendto中的文本？

回答

相關問題