如何將參數傳遞給事件處理程序？

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

    } 
};