javascript - 如何在 jquery appendto 中向文本添加空格字符？

Question

我想在我的 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');

谢谢

Answer 1

使用 HTML 而不是文本，您可以使用 [ ] 或 [&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