javascript - 有效地使用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

为什么不简单地向您想要设置动画的元素添加一个公共(public)类，以便您可以将其用作选择器:

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