How can I access an instance object from other script?

Question

I have two script: scipt1.js:

(function ($) {
    'use strict';

    var A = function (element, options) {
        this.element = $(element);
     
    };

    A.prototype.update = function update() {}
       
    $.fn.doA = function (option) {
        return this.each(function test() {
                newA = new A(this, options);
            }

           
        });
    };

}(jQuery));

And scipt2.js from incline html:

    $( document ).ready(function(){
                    $('#$this->id').doA($javascriptParameterString);
                    });

In $( document ).ready(function().. from script2.js, I want to call the function update from scipt1.js after doA executed. Is there anyway I can reference the instance newA and call that function update?

CertainPerformance · Accepted Answer · 2022-03-07 20:01:01Z

1

Use .data to associate the element(s) doA is called on with an instance, and then .data can be used elsewhere to retrieve it.

var A = function(element, options) {
  this.element = $(element);
  this.options = options;
};
$.fn.doA = function(options) {
  return this.each(function test() {
      $(this).data('a', new A(this, options));
  });
};


// Other script:
$(document).ready(function() {
  $('.foo').doA({ property: 'foo' });
  console.log('now iterating over instantiated As:');
  for (const foo of $('.foo')) {
    const a = $(foo).data('a');
    console.log(a.options);
  }
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="foo"></div>

answered Mar 7, 2022 at 20:01

CertainPerformance

373k55 gold badges354 silver badges359 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How can I access an instance object from other script?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related