jQuery - Text Capitalise

Prototypes

by Zuhaib Siddiqui

HTML

<a href="#" class="link">small caps</a> & 
<a href="#" class="link">ALL CAPS</a>

CSS

//.link:first-letter { text-transform: uppercase; }
a.link {text-transorm:capitalize;}
//a::first-letter {font-size:50px;}

JavaScript

// Uppercase every first letter of a word
jQuery.fn.ucwords = function() {
  return this.each(function(){
    var val = $(this).text(), newVal = '';
    val = val.split(' ');

    for(var c=0; c < val.length; c++) {
      newVal += val[c].substring(0,1).toUpperCase() + val[c].substring(1,val[c].length) + (c+1==val.length ? '' : ' ');
    }
    $(this).text(newVal);
  });
}

var links = $('a.link');
for (var i = 0; i < links.length; i++) {
  links[i].innerHTML = links[i].innerHTML.toLowerCase();
}
//.ucwords();