How to get variable defined inside of jQuery custom plugin

Question

I am working on a custom jQuery plugin. I need to access the options passed in the first function within the second function.

The problem is if I declare settings outside of these functions, it gets mixed up when I have multiple instances of this plugin initialized on the same page.

(function($) {

    $.fn.MyCombobox = function(options) {
        var settings = $.extend({
            selector: '.myselector'
        }, options);
    };

    $.fn.MyCombobox.clear = function() {
        $(settings.selector).find('input').val('');
    };

}(jQuery));

Answer 1

One approach would be to set .data() at .MyCombobox

 (function($) { $.fn.MyCombobox = function(options) { var settings = $.extend({ selector: '.myselector' }, options); this.data("options", settings); return this }; $.fn.clear = function() { console.log(this.data("options") || {/* default settings here */}) }; }(jQuery)); $("div").MyCombobox().clear(); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div></div>