为什么只有最后一个对象被分配onclick？

Question

我正在尝试为不同类型的项目分配onclick功能。所以，在for循环中，我在if语句中有if(invType[i] != "empty")

if(invType[i] == "usable"){
    document.getElementById(i).onclick = function(i){ return function(){useItem(invName[i],i)}; }(i);
}
if(invType[i] == "equipment"){
    document.getElementById(i).onclick = function(i){ return function(){equipItem(invName[i],i)}; }(i);
}

只有最后一个非"empty"项被分配了onclick函数，我不知道为什么。我需要它来为每个"usable"或"equipment"分配onclick，而不仅仅是最后一个。