Question

How do you replace a whitespace into a &nbsp ; in a ordered list by using 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>

the row :

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

Should be like

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

does someone know how I can solve this by telling: .ui-widget-content    if whitespace than $nbsp … ?

Kind reguards

Answer 1

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