Question

Anyone know how to remove white space between strings for all browsers? This works in everything but IE7. Basically all the li’s text is used to reference div’s class to show them. Some li’s text has spaces some do not.

SCRIPT

$('li.' + $(this).text().replace(/ /g, "-")).toggle(true);

HTML

<ul>
<li class="button" id="sun">sun&nbsp;protective&nbsp;clothing</li>
<li class="button" id="lawn">lawn&nbsp;games</li>
<li class="button" id="stuff">stuff</li>
</ul>

<div class="sun-protective-clothing"></div>
<div class="lawn-games"></div>
<div class="stuff"></div>

Thanks in advance!

Answer 1

You can use the unicode equivalent of &nbsp = u00a0

Now works great in IE7 too! 🙂

example DEMO

$('li').text(function (i, v) {
    return v.replace(/\u00a0/g,'-');
});