Javascript 随机数组未附加到id标记

Javascript 随机数组未附加到id标记,javascript,jquery,arrays,random,Javascript,Jquery,Arrays,Random,我已经设置了一种方法来随机排列一组图像。然后,这些随机图像将附加到html正文中的id标记。我设置了2个图像id,并尝试将随机图像数组附加到图像id 但是,没有显示任何图像 因此,哪里做错了?请帮忙 代码: var BrandNameArray=[“lib/img/Brands/A.png”、“lib/img/Brands/C.png”、“lib/img/Brands/B.png”]; 函数游戏(恭喜){ //随机品牌优惠 //随机化后自动填充到品牌容器中 对于(i=0;i

我已经设置了一种方法来随机排列一组图像。然后,这些随机图像将附加到html正文中的id标记。我设置了2个图像id,并尝试将随机图像数组附加到图像id

但是,没有显示任何图像

因此,哪里做错了?请帮忙

代码:

var BrandNameArray=[“lib/img/Brands/A.png”、“lib/img/Brands/C.png”、“lib/img/Brands/B.png”];
函数游戏(恭喜){
//随机品牌优惠
//随机化后自动填充到品牌容器中
对于(i=0;i<$('#list')。查找('img')。长度;i++){
random_BrandIndex=Math.floor(Math.random()*BrandNameArray.length);
//分配变量以生成随机品牌
var Brand=BrandNameArray[random_BrandIndex];
BrandNameArray.splice(随机品牌索引,1);
$(‘品牌’+(i+1)).attr(‘src’,品牌);
$(“#品牌+(i+1)).show();
}
}
}
.GameWinBrand\u容器{
位置:绝对位置;
顶部:950px;
左:286px;
高度:250px;
宽度:580px;
溢出:隐藏;
}
.GameWinBrand_innerScroll{
位置:相对位置;
宽度:550px;
字体大小: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;
}

img标签的id以
GameBrand
开头

更改此项:

 $('#Brand_' + (i + 1)).attr('src', Brand);
致:


您有一大堆错误的id引用:

首先,循环不会执行,因为没有id为
list
的元素

其次,您没有id为
品牌1
的图像元素。。。等等

因此,请将代码更改为:

for (i = 0; i < $('#BrandWinlist').find('img').length; i++) {
    random_BrandIndex = Math.floor(Math.random() * BrandNameArray.length);
    //Assign Variable to generate random Brands
    var Brand = BrandNameArray[random_BrandIndex];
    BrandNameArray.splice(random_BrandIndex, 1);
    $('#GameBrand_' + (i + 1)).attr('src', Brand).show();
}
作为奖励,您可以
拼接
并一次获得删除的元素:

    var Brand = BrandNameArray.splice(random_BrandIndex, 1)[0];

第一个错误是您的代码片段有语法错误:
uncaughtsyntaxerror:Unexpected-token}
您的jQuery选择器以“#Brand_u”开头,但元素有“GameBrand_u”。您的循环是否运行过?我在HTML中没有看到任何与选择器匹配的img标记:即
$('#list')。查找('img')。长度
为0
$('#BrandWinlist > img').each(function (i, img) {
    random_BrandIndex = Math.floor(Math.random() * BrandNameArray.length);
    //Assign Variable to generate random Brands
    var Brand = BrandNameArray[random_BrandIndex];
    BrandNameArray.splice(random_BrandIndex, 1);
    $(img).attr('src', Brand).show();
});
    var Brand = BrandNameArray.splice(random_BrandIndex, 1)[0];