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、あなたが使用することができます[& 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

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>