籃子onclick處理器

Question

我目前正在一籃子，但似乎無法得到clickHandler函數工作。當我按下按鈕時，它總是會返回「data-id」4.任何建議？這裏有一段代碼和一個js小提琴。

basket.clickHandler = function(){ 
    var targets = document.getElementsByClassName("addButton"); 
    for(var i = 0; i < targets.length; i++) { 
     var target = targets[i]; 
     target.onclick = function() { 
      var shopId = target.getAttribute("data-id"); 
      var item = shop.items[shopId]; 

      basket.add(item); 
     }; 
    }; 
}; 

http://jsfiddle.net/g1L5mwk4/

Answer 1

的問題，也是一個通用的解決方案的說明可以在這裏找到：JavaScript closure inside loops – simple practical example

在你的具體的例子，你應該通過this，而不是循環指的是元素本身變量：

var shopId = this.getAttribute("data-id");