javascript - 将图像添加到 Array.push 元素

Question

我正在使用选择控件来级联从联赛、球队到球员的过滤器选择。我试图向每个玩家添加玩家个人资料图像，但我似乎无法在 Array.push 中添加图像。关于如何使用选择控件在玩家姓名旁边渲染图像有什么想法吗？我为许多值设置了级联过滤器，因此如果可能的话，我尝试不必为级联选择控件及其值数组创建新逻辑。

我当前的代码是:

    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/)