javascript - 让 jQuery 将随机 src="" 值加载到各种标签中

Question

我想将随机构建的 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++;
}
});

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

Answer 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');
}

“类”是保留字。