javascript - 在 JavaScript 对象中创建对象

Question

嗨，我有一个具有容器元素和相同子元素的对象:

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

在此 Obj 中，我想创建另一个对象(ObjHandler)，该对象为每个子对象单击广告处理程序。

 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');
      });
   }

}

我知道我可以用简单的方式来实现，例如 this.subObjs.on('click', function(){})但这只是简化。

这里是codepen.io

这是个好主意吗？为什么它不起作用？

Answer 1

• this.element 未使用 this.el 或 element 定义
• element 是原生 JS Element 的实例。用 $() 包裹它以获取定义 on 函数的 jQuery 对象
• 您永远不会创建 Obj 实例或调用 init

fixed pen