將圖像添加到Array.push元素

Question

我正在使用選擇控件來級聯從聯賽，球隊到球員的篩選器選擇。 我試圖向每個播放器添加播放器配置文件圖像，但似乎無法在Array.push中添加img。 關於如何使用select控件在玩家名字旁邊呈現圖像的任何想法？ 我具有用於多個值的級聯過濾器設置，因此，如果可能的話，我試圖不必為級聯選擇控件及其值數組創建新的邏輯。

我當前的代碼是：

    playerLists["MIN - Minnesotta Vikings"].push(["Player 1"]);         
    playerLists["ARI - Arizona Cardinals"].push(["Player 1"]);          
    playerLists["DAL - Dallas Cowboys"].push(["QB Tony Romo "]);    
    playerLists["DAL - Dallas Cowboys"].push(["RB Tyler Clutts"]); 
    playerLists["DAL - Dallas Cowboys"].push(["WR Cole Beasley"]); 

...等等....

謝謝你提供的所有幫助。

Answer 1

為什么不直接推送圖像網址並像這樣使用它：

playerLists["MIN - Minnesotta Vikings"].push({ name: "Player 1", url: "/path_to_image.png" });         
playerLists["ARI - Arizona Cardinals"].push({ name: "Player 2", url: "/path_to_image.png" });         
playerLists["DAL - Dallas Cowboys"].push({ name: "Player 3", url: "/path_to_image.png" });         
playerLists["DAL - Dallas Cowboys"].push({ name: "Player 4", url: "/path_to_image.png" }); 

之后，當您進行迭代時，您可以執行以下操作：

_.each(playerLists, function(player){
  console.log(player.name);
  console.log(player.url);
})

（要使用_.each，必須安裝http://underscorejs.org/ ）