Question: ```
<ul>
<li>Name: Billy</li>
<li>Phone: 0000000000</li>
<li>Email: info@email.com</li>
</ul>

```

I am trying to make all the values (after the semi-colon `:`) bold, like `Billy`, etc.
How do I accomplish this with jQuery?

It should look like this:
 * Name: **Billy**
* Phone: **0000000000**
* Email: **info@email.com**

Answer: 
This should work

```
$('li').each(function(){
    var contents = $(this).text().split(":");
    contents[1] = "<b>" + contents[1] + "</b>";
    $(this).html(contents[0] + ": " + contents[1]);
});

```

It splits the current text on the ":", then adds the tags to the second half.

Fiddle: <http://jsfiddle.net/u6vHD/>
You could add an additional element, and do it all with CSS:

**CSS**

```
ul li span{
font-weight:bold;
}

```

**HTML**

```
<ul>
<li>Name: <span>Billy</span></li>
<li>Phone: <span>0000000000</span></li>
<li>Email: <span>info@email.com</span></li>
</ul>

```

The only way that I see this happening, is by wrapping the text you want highlighted in a wrapper (span, div, etc). I haven't seen a way to selectively wrap text as bold without a wrapping element. You can modify the style of the given text, if it's wrapped, with jquery as such...

```
$("ul#somename li span").style("font-weight", "bold");

```

or 

```
$("ul#somename li span").addClass('someBoldClass');

```