JSFiddle - React, Tailwind, and code Playground

by gabrieleromanato

HTML

<button id="run">ucfirst()</button>
<p id="test">lorem ipsum dolor sit</p>

JavaScript

(function($) {

    $.fn.ucfirst = function() {

        var that = this;
        var text = that.text();

        return that.each(function() {

            var parts = text.split(' '),
                len = parts.length,
                i, words = [];
            for (i = 0; i < len; i++) {
                var part = parts[i];
                var first = part[0].toUpperCase();
                var rest = part.substring(1, part.length);
                var word = first + rest;
                words.push(word);

            }

            that.text(words.join(' '));

        });
    };

})(jQuery);


$('#run').click(function() {
    $('#test').ucfirst();
});