jquery - 如何对其他div应用相同的效果(淡入/淡出)？

Question

这是我的代码:

 var faderIndex = 0,
        faders = $('.fadey,fadey2,fadey3');

    function nextFade() {
        $(faders[faderIndex]).fadeOut(1000, function() {
            faderIndex++;
            if (faderIndex >= faders.length)
                faderIndex = 0;
            $(faders[faderIndex]).fadeIn(1000, nextFade);
        });
    }
    nextFade();

html代码:

<div>
    <div class='fadey'>1</div>
    <div class='fadey'>2</div>
    <div class='fadey'>3</div>
</div>

<div>
    <div class='fadey2'>hello1</div>
    <div class='fadey2'>hello2</div>
    <div class='fadey2'>hello3</div>
</div>

<div>
    <div class='fadey3'>hello1111</div>
    <div class='fadey3'>hello2222</div>
    <div class='fadey3'>hello33333</div>
</div>

CSS:

div.fadey,div.fadey2,div.fadey3 {
    display: none;
}

我已经尝试过，但不起作用，请帮助我？

Answer 1

怎么样

[class*="fadey"]要定位所有将字符串“fadey”作为类名一部分的元素，以便在添加更多推子(fadey4、fadey5 等)时无需更新 css 和 jQuery 代码？