create object in object JavaScript

Question

Hi i have object which has container element and same subElement:

var Obj = function(){
    this.container = $('.obj');
    this.subObjs = container.find('.subObj'); 
}

In this Obj i want create another Object(ObjHandler) who ad handlerOn click for each sub object.

 var Obj = function(){
    this.container = $('.obj');
    this.subObjs = container.find('.subObj'); 

    this.init = function() {
       this.subObjs.each(function(i,el){
         el = new this.ObjHandler(el)
      });
    }

    this.ObjHandler = function(element) {
       this.el = element;
       this.element.on('click',function(){
           console.log('click');
      });
   }

}

I know i cam make it simple way like this.subObjs.on('click', function(){}) but i this is only simplification.

here is on codepen.io

Is it good idea and why its no works?

i think you have a problem accessing the ObjHandler(el) within subObjs.each. To overcome that issue; just create var self = this; at first line in this.init() { function and then use that variable inside .each( like el = new self.ObjHandler(el). — vijayP
– vijayP, Commented Jun 24, 2016 at 6:06
So it is good idea? i try it but it doesnt work can you show me how to do it? codepen.io/Messa/pen/XKpXQZ?editors=0011 — Grund
– Grund, Commented Jun 24, 2016 at 6:19

AUsr19532 · Accepted Answer · 2016-06-24 06:42:32Z

1

this.element is not defined use either this.el or element
element is an instance of the native JS Element. Wrap it with $() to get a jQuery object that defines the on function
You never create an instance of Obj or call init

fixed pen

edited Jun 24, 2016 at 6:42

answered Jun 24, 2016 at 6:36

AUsr19532

2281 silver badge11 bronze badges

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

1 Comment

Grund Over a year ago

Thanks you, now i see it and learn something new i just have a idea but don know ho to do it right.

Collectives™ on Stack Overflow

create object in object JavaScript

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related