让jQuery加载随机src =“”值，变成各种<img />标签

Question

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

我得到1到20之间的一个随机数，并使用开关将它分配给一个名称。 该名称是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'); 
} 

“class”是保留字。