Javascript 为生成的图像提供ID/类

我有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依次添加到图像中。每个都需要不同的样式

有什么想法吗？

您可以使用：

jqueryEl.attr("id", "someId");

或：

其中，

jqueryl

是一个包装元素。或者，如果您有一组图像，您可能会发现

attr

的函数选项很有用：

jquerySet.attr("id", function(index)
                     {
                       return "image" + (index + 1);
                     });

这实际上类似于中的一个示例。

您可以使用：

jqueryEl.attr("id", "someId");

或：

其中，

jqueryl

是一个包装元素。或者，如果您有一组图像，您可能会发现

attr

的函数选项很有用：

jquerySet.attr("id", function(index)
                     {
                       return "image" + (index + 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");
    });
});

$.getJSON（“http://api.flickr.com/services/feeds/photos_public.gne?tags=cat&tagmode=any&format=json&jsoncallback=?，函数（数据）{
$.each（data.items，function（i，item）{
$（“使用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");
    });
});

$.getJSON（“http://api.flickr.com/services/feeds/photos_public.gne?tags=cat&tagmode=any&format=json&jsoncallback=?，函数（数据）{
$.each（data.items，function（i，item）{
$（“如果您想发布获取图像的代码，它可能更好地集成在那里。但是，您也可以在添加图像后添加此代码。让我们假设图像添加到id为
flickr
的div中：

$("#flickr img").each(function (i, image){
  image.id = "image" + (i + 1);
});

就是这样！现在每个图像都将有
image1
，
image2
，等等作为
id
，按顺序排列。
如果您想发布获取图像的代码，它可能会更好地集成在那里。但是，您也可以在添加图像后添加此代码。让我们假设图像是用flickr的id
：

$("#flickr img").each(function (i, image){
  image.id = "image" + (i + 1);
});

就是这样！现在每个图像都将有
image1
，
image2
等作为
id
，按顺序。
+1使用
attr
进行回调很好！您的参数名有点误导，因为它是
索引，而不是
id
，但仍然是一个很好的答案！+1使用
attr
进行回调！您的pa参数名称有点误导，因为它是
索引
而不是
id
，但答案仍然很好！欢迎访问SO，请不要忘记访问并接受正确答案：）欢迎访问SO，请不要忘记访问并接受正确答案：）