如何使用jquery动态地为div中的每个图像添加不同的id

我在一个类似div的分区中有四个图像，并在循环中使用jQuery动态地将src添加到每个图像中，如下所示：

      jQuery("<img>",{src: BASE_URL+image_url)

    <img id="1" src="site_url/media/catalog/size_images/1.png"/>
    <img id="2" src="site_url/media/catalog/size_images/1.png"/>
    <img id="3" src="site_url/media/catalog/size_images/1.png"/>
    <img id="4" src="site_url/media/catalog/size_images/1.png"/>




       

jQuery（“
图像标签是否如下所示：

    <img src="site_url/media/catalog/size_images/1.png"/>
    <img src="site_url/media/catalog/size_images/2.png"/>
    <img src="site_url/media/catalog/size_images/3.png"/>
    <img src="site_url/media/catalog/size_images/4.png"/>

   for (var i = 0; i < 4; i++) {
       $('div').append($('<img>',{id: "id" + i, src: BASE_URL+image_url}));
   }



现在，我想动态地为每个图像添加一个不同的id，这样标记将如下所示：

      jQuery("<img>",{src: BASE_URL+image_url)

    <img id="1" src="site_url/media/catalog/size_images/1.png"/>
    <img id="2" src="site_url/media/catalog/size_images/1.png"/>
    <img id="3" src="site_url/media/catalog/size_images/1.png"/>
    <img id="4" src="site_url/media/catalog/size_images/1.png"/>




       


像这样试试

$("<img>",{src: BASE_URL+image_url, id: $('img').length});

$（“
不过，您需要将此图像附加到文档体，以便下次调用此代码时获得新id

可能是,

$("<img>",{src: BASE_URL+image_url, id: $('img').length}).appendTo('#target');

$（“
希望有此帮助。
for（x=0；x您可以使用jQuery动态添加每个图像src和唯一id，for循环如下：

    <img src="site_url/media/catalog/size_images/1.png"/>
    <img src="site_url/media/catalog/size_images/2.png"/>
    <img src="site_url/media/catalog/size_images/3.png"/>
    <img src="site_url/media/catalog/size_images/4.png"/>

   for (var i = 0; i < 4; i++) {
       $('div').append($('<img>',{id: "id" + i, src: BASE_URL+image_url}));
   }

for（变量i=0；i<4；i++）{
$（'div'）。append（$（'Id应该是唯一的。可能有重复的答案，并在上面找到大量其他答案。比“如何”为图像动态分配唯一的
Id
s更重要的是，为什么要为这些图像分配
Id
？这意味着要解决什么问题？