javascript - jquery中如何给元素设置id？

Question

基本上，我使用 jquery append() 函数创建 x 数量的图像框，所有图像框都具有相同的类名，但现在我需要将每个框 id 设置为 i。为了避免混淆，这就是我的意思:

for(i=0;i<10;i++){
    $('.d').append('<img src="" class="UP__" width="120" height="120">');
    $('.d img').attr("id",i);
}

我面临的上述代码的问题是它将所有 10 个 img 框 id 设置为 10，但我需要设置第一个框 ID 为 1，第二个框 ID 为 2，依此类推。

我的问题是如何将每个元素 id 设置为 i 的值。

提前致谢

Answer 1

只需将 id 添加到 img 标签即可

$('.d').append('<img src="" id="'+i+'" class="UP__" width="120" height="120">');