Javascript 数组返回'；未定义'；结果

我有3个阵列：

Array E = ["lib/img/Brand/A.png", "lib/img/Brand/B.png", "lib/img/Brand/C.png"];
Array F = ["lib/img/offer/A1.png", "lib/img/offer/B1.png", "lib/img/offer/C1.png"];
Array G = ["lib/img/print/A2.png", "lib/img/print/B2.png", "lib/img/print/C2.png"];

其次，我创建了2个img标记来显示从数组E随机生成的2个数组项

第三，当我在img标签中点击任意一个从数组E随机生成的图像时，将显示一个来自数组F的图像

例如： img标签显示了数组E中的项目A.png和项目C.png，当我单击数组E中的项目A.png时，将显示数组F中的项目A1.png

最后，当我单击数组F中显示的项目时，将显示数组G中相应的项目

例如： img标签显示了数组E中的项目B.png和项目A.png，当我单击数组E中的项目B.png时，将显示数组F中的项目B1.png。当我从数组F中单击项目B1.png时，将显示项目B2.png

我所做的：

我已经设法显示了数组E中随机生成的两个项目，当我单击数组E中的任何一个图像项目时，我能够从数组F中获得正确的图像项目

问题：

但是，当我单击数组F中的图像项时，我无法从数组G中获取任何图像项，当我为数组G执行console.log时，它返回一个未定义的结果。数组G中没有一个项实际附加了数组F

我做错了什么，请你帮我一下好吗

*代码：

Array_E=[“lib/img/Brand/A.png”、“lib/img/Brand/B.png”、“lib/img/Brand/C.png”]；
数组_F=[“lib/img/offer/A1.png”、“lib/img/offer/B1.png”、“lib/img/offer/C1.png”]；
数组_G=[“lib/img/print/A2.png”、“lib/img/print/B2.png”、“lib/img/print/C2.png”]；
var Brand_list=[]；
var printOfferFrame=“”；
//随机品牌优惠
//随机化后自动填充到品牌容器中
$（'#BrandWinlist>img'）。每个（函数（i，img）{
random\u BrandIndex=Math.floor（Math.random（）*数组长度）；
log（“random_BrandIndex:+random_BrandIndex”）；
var Brand=数组[random_BrandIndex]；
品牌列表推送（随机品牌索引）；
$（img）.attr（'src'，Brand）.show（）；
});
功能选择品牌（索引）{
selectedOffer=Array_F[Brand_list[index-1]；
console.log（“selectedOffer:+selectedOffer”）；
$（“#Pa_Description”）.attr（'src'，selectedOffer.show（）；
//这是我遇到问题的部分，返回结果未定义
var printOfferSelected=品牌列表[品牌列表.长度-1]；
log（“printOfferSelected:+printOfferSelected”）；
printOfferFrame=Array_G[parseInt（Array_F[Brand_list[index-1]]）；
log（“printOfferFrame:+Array_G[printOfferSelected-1]）；
}
函数PrinOffer（）{
ajax_Print（）；
}

尝试以下操作：

Array_E=[“lib/img/Brand/A.png”、“lib/img/Brand/B.png”、“lib/img/Brand/C.png”]；
数组_F=[“lib/img/offer/A1.png”、“lib/img/offer/B1.png”、“lib/img/offer/C1.png”]；
数组_G=[“lib/img/print/A2.png”、“lib/img/print/B2.png”、“lib/img/print/C2.png”]；
//随机品牌优惠
//随机化后自动填充到品牌容器中
$（'#BrandWinlist>img'）。每个（函数（i，img）{
random\u BrandIndex=Math.floor（Math.random（）*数组长度）；
log（“random_BrandIndex:+random_BrandIndex”）；
var Brand=数组[random_BrandIndex]；
$（img）.attr（{'src'：Brand，'data-index'：random_BrandIndex}）.show（）；
});
$（'.GameWinBrand_innerScroll img'）。打开（'click'，函数（e）{
e、 预防默认值（）；
index=$（this.attr（'data-index'）；//获取img的索引
$（“#Pa_Description”）.attr（'src'，Array_F[index]）.show（）；//这里可能需要使用parent来显示它
log（“printOfferSelected:+Array_F[index]）；
console.log（“printOfferFrame”+Array_G[index]）；//根据index属性提供的索引提醒图像
});
函数PrinOffer（）{
ajax_Print（）；
}

.GameWinBrand\u容器{
位置：绝对位置；
顶部：950px；
左：286px；
高度：250px；
宽度：500px；
溢出：隐藏；
}
.GameWinBrand_innerScroll{
位置：相对位置；
宽度：480px；
字体大小：30px；
文本对齐：对齐；
颜色：#ffffff！重要；
溢出：隐藏；
}
.GameWinBrand_容器：--webkit滚动条轨迹{
-webkit盒阴影：插入0 0 6px rgba（0,0,0,0.3）；
边界半径：12px；
背景色：#ffffff；
}
.GameWinBrand_容器：--webkit滚动条{
宽度：12px；
背景色：#5e5767；
}
.GameWinBrand_容器：-webkit滚动条拇指{
边界半径：20px；
-webkit盒阴影：插入0 0 6px rgba（0,0,0,3）；
背景色：#5e5767；
}
.品牌菜单{
背景色：#D3；
过滤器：α（不透明度=98）；
不透明度：0.98；
}

提供工作示例我认为您排除了一些代码，例如

BrandNameArray

未定义为所述错误。我还在您的示例中包括了jQuery。在单击图像时，如何选择brand（）函数来标识显示的图像是品牌，以便显示提供的图像，或者图像是提供的，以便显示打印图像？@RajeshKathiriya我不明白您的意思question@RajeshKathiriya，如果我没有误解你，以下代码行：

selectedOffer=Array\u F[Brand\u list[index-1]

将获取从

品牌列表.push（随机品牌索引）中存储的值，要获取报价图像，我不明白您对解决方案的含义。我想尽量避免对代码做太多的修改。。您的解决方案是基于单个img id提供的，而我的代码是基于事件处理程序“selectBrand（index）”的。其次，我也尝试过，返回值始终为-1i，我知道，indexOf找不到图像，因为src是绝对意义上的？因为当我点击第二个数组时，我需要查看最后一个数组的文件路径名，所以
$（#“GameBrand_1”）
的文件路径名也会相同吗？我必须删除我的
功能selectBrand（index）
？