这就是问题所在

我正在尝试使用jQuery加载图像以加快页面下载速度。
为此,我将以下代码作为图像,要在页面加载后加载。

<img src="/pixel.png" new-img="/newimage.png"/>

然后,为了在文档完全加载后加载最终图像,我使用了以下内容。
$(document).ready(function(){
    $("img").attr("src", $("img").attr("new-img"));
});

这对于单个图像效果很好,但我有多个图像要转换为该图像。
我完全迷住了,因为当我尝试加载多个图像时,它将所有图像设置为最后加载的图像。

我不确定,但是'$(this)'与它有关系吗?

JSFiddle:
http://jsfiddle.net/AeroMcDoom/8sxED/

最佳答案

使用:

$("img").attr("src", function(){return $(this).attr("new-img")});

仅供引用,您应该改用data- *属性:
<img src="/pixel.png" data-img="/newimage.png"/>

然后:
 $("img").attr("src", function(){return $(this).data("img")});

10-05 20:43
查看更多