如何将参数传递给事件处理程序？

Question

var MyObject = { 
    init: function() { 
     this.items = $('#menu a'); 

     for (var i = 0; i < this.items.length; i++) { 
      $(this.items[i]).bind('click', this.doSomething); 
     } 
    }, 

    doSomething: function (index) { 
     alert(this.items[index].innerHTML); 
     // alerts: One, Two, Three 
    } 
}; 

我需要通过索引（i）

编辑：插图：http://jsfiddle.net/mUjAj/

Answer 1

有没有必要在这里传递一个指标，由于this将引用您要在click事件处理程序中单击的元素，因此您可以这样做：

var MyObject = { 
    init: function() { 
     this.items = $('#menu a'); 
     this.items.bind('click', this.doSomething); 
    },  
    doSomething: function() { 
     alert(this.innerHTML); 
    } 
}; 

You can test it out here。

Answer 2

试试这个，看看它是否工作：

var MyObject = { 
    init: function() { 
     this.items = $('#menu a'); 

     for (var i = 0; i < this.items.length; i++) { 
      $(this.items[i]).bind('click', {index:i}, this.doSomething); 
     } 
    }, 

    doSomething: function (e) { 
     alert(e.data.index); 

    } 
};