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而不是文字，您可以使用[＆amp; nbsp]或[＆amp; 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

Answer 2

使用 提供空间。并使用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>

如何在jquery appendto中为文本添加空格字符？

2 个答案: