jquery - 空白をに置き換えるにはどうすればよいですかjqueryを使って

Question

空白を  ;に置き換える方法 jqueryを使用して順序付きリストに?

<ol id="selectable" class="ui-selectable">
  <li class="ui-widget-content ui-selectee">a</li>
  <li class="ui-widget-content ui-selectee" style=""> </li>
  <li class="ui-widget-content ui-selectee">t</li>
  <li class="ui-widget-content ui-selectee">e</li>
  <li class="ui-widget-content ui-selectee">s</li>
  <li class="ui-widget-content ui-selectee">t</li>
</ol>

行:

<li class="ui-widget-content ui-selectee" style=""> </li>

のようにする必要があります

<li class="ui-widget-content ui-selectee" style="">&nbsp;</li>     (or $nbsp;$nbsp;)

.ui-widget-content if whitespace than $nbsp ... と言うことでこれを解決する方法を誰かが知っていますか?

よろしくお願いします

Answer 1

    $('#selectable li').each(function() {
      $(this).html($(this).text().replace(/\s/g, ' '));
    });

Answer 2

$("li.ui-widget-content").contents().each(function () {
  if (this.nodeType == 3) {  // 3 == TEXT_NODE
    $(this).text( $(this).text().replace(/ /g, String.fromCharCode(160)) );
  }
});

Answer 3

最初に、データをトリミングして長さを確認することにより、テキスト値が空であるかどうかを確認する必要があります

長さがゼロの場合、HTMLコンテンツを次のように提供する必要があります  

$('li.ui-widget-content').each(function() 
{   
    if(($.trim($(this).text()).length==0)
       $(this).html(" ");
}); 

Answer 4

$(document).ready(function(){

    $('#selectable > li').each(function(){
        if ($(this).text()==" ") { //you're looking for 'space'
            this.innerHTML=" ";
        }
    });

});