How do I bold certain parts of text with jQuery?
<p>For example, I have the HTML...</p>

<pre><code>&lt;span class="userscontentname"&gt;Test&lt;/span&gt;
&lt;span class="userscontentname"&gt;Testman&lt;/span&gt;
</code></pre>

<p>then I have the jQuery...</p>

<pre><code>  if ($("#userlist_"+search_id+" &gt; span.userscontentname:contains("+search_text+")").length &gt; 0) {
   $("#userlist_"+search_id).show();
   $("#userlist_"+search_id+" &gt; span.userscontentname:contains("+search_text+")").css("font-weight", "bold");
  }
</code></pre>

<p>If the search_text is Test...</p>

<p>It will bold both Test and Testman completely.  How do I make it so that it will only bold Test leaving out man in the second span?</p>

<p>Thanks!</p>
