jquery - 如何将空格替换为 a 中的通过使用 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

您首先需要通过 trmming 数据和检查长度来检查文本值是否为空

如果长度为零，那么您将提供 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=" ";
        }
    });

});