如何将空格字符添加到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中的文本？

回答

相关问题