非常簡單的JavaScript循環來創建事件監聽器，返回undefined？

Question

我有一個城市列表，當我點擊一個鏈接時，我想要運行一些特定的javascript。這裏的jsfiddle：http://jsfiddle.net/uWYRW/5/

var cities = [ 
    ["new-york", 45, 90, 15] 
    ["london", 20, 30, 15] 
]; 

for (i = 0, length = cities.length; i < length; i++) { 
    $("#"+cities[i][0]).click(function (e) { 
     e.preventDefault(); 
     console.log(cities[i][0]) 
    }); 
} 

不過，我得到錯誤「未定義」不是一個對象」。請問有人可以解釋問題出在哪裏？

Answer 1

嘗試的IIFE（立即調用的函數表達式）：

for (i = 0, length = cities.length; i < length; i++) { 
    (function(i) { 
     $("#"+cities[i][0]).click(function (e) { 
      e.preventDefault(); 
      console.log(cities[i][0]) 
     }); 
    })(i); 
} 

這是因爲一旦循環完成的i值將是cities.length所有click聽衆。

此外，您在2d數組中缺少一個逗號。

Answer 2

var cities = [ 
    ["new-york", 45, 90, 15], // <-- that comma was missing 
    ["london", 20, 30, 15] 
]; 

通知您忘記陣列:)