.attr中的jQuery函数仅对所有匹配的标记调用一次

Question

我正在通过编写内存游戏来教自己jQuery(你可以一次翻转两个瓦片,寻找匹配).

我有16个img标签,每个标签代表一个瓷砖面.我有一个16个jpg文件名的数组.我想将每个img标记的src属性设置为我的数组中的随机选择.为此,我编写了一个函数,从数组中提取字符串,从数组中删除字符串,然后返回字符串.然后我以这种方式在onReady处理程序中使用此函数:

$('.picture').attr( {src : extractArrayValue(cousinPictures)});

这似乎有效,除了看起来函数extractArrayValue似乎只在所有16个标签中被调用一次.所有16个img标签都获得相同的图像,但如果我刷新页面,它们会获得不同的 16个图像文件.

我对正在发生的事情是否正确？并且,如果是这样,是否有一种直接的方法来强制extractArrayValue为每个被设置的属性调用？

Answer 1

你只需要枚举图片.

$('.picture').each(function() {
    this.src = extractArrayValue(cousinPictures); 
});

如果你想了解为什么'这个'是图像,请查看此链接.