Parts of string in bold text
<p>I have a unordered list that contains</p>

<pre><code>&lt;ul id="strip"&gt;
     &lt;li&gt;&lt;a href="#"&gt;&lt;span&gt;This-is a test string&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="#"&gt;&lt;span&gt;This is without&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
     &lt;li&gt;&lt;a href="#"&gt;&lt;span&gt;New-test&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
</code></pre>

<p>I need to bold the text before the "-", so in the first <code>&lt;li&gt;</code> "This" is bolded.</p>

<p>I'm stuck in the loop where I should find the "-". </p>

<p>NB: Regular JavaScript, no JQuery :-)</p>
