Javascript 如何将类应用于在运行时通过js自动生成的图像

这是我在浏览器中看到的Html

<div id="mygallery-paginate"> 
    <img src="images/opencircle.png"   data-index="0" data-moveto="0" title="" style="cursor: pointer;">
    <img src="images/opencircle.png"   data-index="1" data-moveto="1" title="" style="cursor: pointer;">
    <img src="images/closedcircle.png" data-index="2" data-moveto="2" title="" style="cursor: pointer;">
    <img src="images/opencircle.png"   data-index="3" data-moveto="3" title="" style="cursor: pointer;">
    <img src="images/opencircle.png"   data-index="4" data-moveto="4" title="" style="cursor: pointer;">
</div>

我想要这样

<div id="mygallery-paginate"> 
    <img src="images/opencircle.png"   class="one" data-index="0" data-moveto="0" title="" style="cursor: pointer;">
    <img src="images/opencircle.png"   class="two" data-index="1" data-moveto="1" title="" style="cursor: pointer;">
    <img src="images/closedcircle.png" class="three" data-index="2" data-moveto="2" title="" style="cursor: pointer;">
    <img src="images/opencircle.png"   class="four" data-index="3" data-moveto="3" title="" style="cursor: pointer;">
    <img src="images/opencircle.png"   class="five" data-index="4" data-moveto="4" title="" style="cursor: pointer;">
</div>

请使用必要的CSS/JS建议“将类应用于图像”指的是什么？每个元素的连续编号？

将类应用于图像是指什么？每个元素的连续编号？

尝试：

var classes = ['one', 'two', 'free']; // add more if need
var i = 0;

$('#mygallery-paginate img').each(function(){
     if(!!classes[i++])
         $(this).addClass(classes[i]);
});

尝试：

---

---

不，我想为不同的图像添加一些不同的css属性。我不明白你想实现什么。嗨，这是一个试图要求OP澄清的尝试。很快，当你获得50点声誉积分时，你就可以对问题发表评论了。在此之前，请避免张贴要求澄清的答案。您的答案不会试图回答问题，会给版主带来混乱。不过，非常感谢您的努力-非常感谢！不，我想为不同的图像添加一些不同的css属性。我不明白你想实现什么。嗨，这是一个试图要求OP澄清的尝试。很快，当你获得50点声誉积分时，你就可以对问题发表评论了。在此之前，请避免张贴要求澄清的答案。您的答案不会试图回答问题，会给版主带来混乱。不过，非常感谢您的努力-非常感谢！这样做，但建议使用其他类名，如“image1，image2，image3，…”而不是“一，二，三，…”。将更容易和更具可伸缩性hi@YD1m，但这些是动态生成的图像，我们可以添加这样的类吗this@Thejdeep：也许您应该更清楚地指定您的需求，但建议使用其他类名，如“image1，image2，image3，…”而不是“一，二，三，…”。将更容易和更具可伸缩性hi@YD1m，但这些是动态生成的图像，我们可以添加这样的类吗this@Thejdeep：也许你应该更清楚地说明你的要求哇，太棒了！！！嗨，我在寻找这样的答案，但这并不比YD1m的答案好。您应该更具体地说明如何生成新图像？提供示例代码将非常有用哇，太棒了！！！嗨，我在寻找这样的答案，但这并不比YD1m的答案好。您应该更具体地说明如何生成新图像？提供示例代码将非常有用。是否有关于类名和/或类名来源的规则？是否有关于类名和/或类名来源的规则？

var nclasses = ['one','two','three','four','five'];
$('#mygallery-paginate').find('img').each(function(i){
    $(this).addClass(nclasses[i]);
});