Question

This is my menu with all in Capitals

<ul class="tabgic">
   <li rel="item_227" class="">
    <div>
      <div> <a class="menu_link_2" href="#">ACCIDENTAL DAMAGE AND PROPERTY</a> </div>
    </div>
   </li> 
</ul>

I want to use jQuery and Capitalise everything except the word and so the output will be

Accidental Damage and Property

How can I do this?

I was looking at this but not sure if this can be modified easilly?

Answer 1

You could use a regex.

str = str.toLowerCase().replace(/\b[a-z]/g, function(match) {
    return match.toUpperCase();
}).replace(/\bAnd\b/g, "and");

jsFiddle.

You can’t do it with CSS alone (not with the markup you currently have at least).

jsFiddle.