javascript - 有效使用for循环

在我的网页中，我必须为每个选项卡设置不同数量的图像动画。在一个标签中，我必须为三个图像设置动画。在另一幅图中，我有二十幅图像要进行动画处理。

目前，我正在使用两个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循环来处理两个动画。

最佳答案

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

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