Question

    jQuery.fn.extend({
    fillCurrency : (function() {
        $this = jQuery(this);

        function _usd(string1) {
            $this.text("$" + parseFloat(string1).toFixed(2));

            return $this;
        }

        return {
            usd : _usd
        };
    })()
});


var text = 2;
jQuery("#total").fillCurrency.usd(text);


<p id="total"></p>

Tried several options and I think I have now come close. The issues is now Object [object global] has no method ‘createDocumentFragment’. Does someone know what the issue is here?

Answer 1

I got the solution:

jQuery.fn.extend({
Currency : function() {
        var $this = this;

        var _Fill = {
            usd : function(string) {
                $this.text("$" + parseFloat(string).toFixed(2));

                return $this;
   }
        }

        var _Get = {
            usd : function(string) {
                $this.text("$" + parseFloat(string).toFixed(2));

                return $this;
   }
        }

        return {
            Fill : _Fill,
            Get : _Get
        }
    }
});

This will pass the jQuery object down into the inside objects for things such as a plugin.