有效地使用for循环

Question

在我的网页中，我必须为每个标签设置不同数量的图片。在一个标签中，我必须为三个图像制作动画。在另一个中，我有二十个图像来制作动画。

目前，我正在使用两个for循环来处理这个问题。我知道处理它是一种愚蠢的方式;有更好的方法吗？

这是我的代码：

function nextimageelev() {
    var elevcounter = 0;
    for (i = 0; i < 3; i++) {
        if (elevcounter == i) {
            $("#" + i).fadeIn();
        }
        else {
            $("#" + i).hide();
        }
    }
    if (elevcounter < 2) {
        elevcounter++;
    }
    else {
        elevcounter = 0;
    }
}

如何更灵活地避免对条件部分进行硬编码？目前，我必须编写两个for循环来处理两个动画。

Answer 1

为什么不简单地将一个公共类添加到要设置动画的元素中，以便将其用作选择器：

$('.someClass').fadeIn();