让 jQuery 将随机 src="" 值加载到各种 <img /> 标签中答案

【问题标题】：letting jQuery load random src="" values, into various <img /> tags让 jQuery 将随机 src="" 值加载到各种 <img /> 标签中
【发布时间】：2013-06-29 06:34:48
【问题描述】：

我想将随机构建的 src 值加载到 20 个不同的 img 中。

我得到一个介于 1 和 20 之间的随机数，并使用 switch 将其分配给一个名称。名称是 src 值的一部分，也是类值的一部分。

我正在尝试通过使用 :nth-child() 和 i 作为变量来访问不同的 img。

jQuery(document).ready(function($){

var i=1;
while (i<20){

    var n = getRandom(1, 20);
    name = getName(n);
    var class = $('#content div:nth-child('+i+')').attr('class');

    var src = 'img/preview/'+class+'/'+name+'.jpg';

    $('#content div:nth-child('+i+') img').attr('src', src);

    i++;
}
});

也许有人可以给我一个提示？

【问题讨论】：

图像可以重复吗？如果您有 20 张图片并且想要全部展示，则必须保持跟踪以免重复。
是的，他们可以。但我想自己解决这个问题。

标签： javascript jquery while-loop css-selectors

【解决方案1】：

var $images = $('#content img'); // Caching ffs !

for(var i = 0; i < 20; ++i) {
    var name = getName(getRandom(1, 20));
    $images[i].attr('src', 'img/preview/' + $images[i].attr('class') + '/' + name + '.jpg');
}

“类”是保留字。

【讨论】：