Capitalise the first letter of a group of words quickly & easily

Sometimes as a web developer I have to capitalise the first letter of each word normally for title and header tags but I don’t want to have to sit there manually capitalising each letter. HTML and CSS don’t have a native feature which allows you to quickly capitalise the first letter automatically so we have to look at using JavaScript to achieve this.

This example uses jQuery a JavaScript library which extends the capabilities of JavaScript.

It is best to place this code in the <head></head> tags after the jQuery library include link.

The following code will capitalise the first letter of each word which is in a header tag. A header tag looks like the following h1, h2, h3, h4, h5 and h6.

You can change the elements which are capitalised by adjusting the following line.

If you want to capitalise the first letter of each word within a “h1” tag change it to the following.

If you want to capitalise the first letter of each word which is within a element with a class of “title” change it to the following.

Leave a Reply

This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Next ArticleCSS & Javascript Minify / Compression