将图像添加到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/ ）