javascript - 为生成的图像提供 ID/类

Question

我有大约 10 张来自 flickr 的图片。目前，它们只是以没有个人 ID 或类名的图像形式出现。

所以我有:

<img src="images/01.jpg" width="300" height="273" />
<img src="images/01.jpg" width="300" height="273" />
<img src="images/01.jpg" width="300" height="273" />
<img src="images/01.jpg" width="300" height="273" />

……等等。我想要做的是:

<img id="image1" src="images/01.jpg" width="300" height="273" />
<img id="image2" src="images/01.jpg" width="300" height="273" />
<img id="image3" src="images/01.jpg" width="300" height="273" />
<img id="image4" src="images/01.jpg" width="300" height="273" />

但是因为它们是通过 jQuery 而不是手动引入的，所以我不确定如何将这些 ID 按顺序添加到图像中。每个都需要不同的样式。

有什么想法吗？

Answer 1

使用ajax的回调函数...

如果你有这样的事情，

$.getJSON("http://api.flickr.com/services/feeds/photos_public.gne?tags=cat&tagmode=any&format=json&jsoncallback=?", function (data) {
    $.each(data.items, function (i, item) {
        $("<img/>").attr({"src":item.media.m, 'id': 'images' + i}).appendTo("#images");
    });
});