讓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」是保留字。