有效地使用for循环

Question

在我的网页中，我必须为每个选项卡设置不同数量的图像。在一个选项卡中，我必须设置三个图像的动画。在另一个例子中，我有20个图像要动画。

目前，我使用两个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();