让jQuery将随机src =“”值加载到各种<img/>标记中

时间:2013-06-28 22:27:34

标签: javascript jquery while-loop css-selectors

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

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

1 个答案:

答案 0 :(得分:0)

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”是一个保留字。