jQuery切换多个类

Question

我的目的是实现类似http://corkboard.me/GlJTVkD34A之类的东西，当单击更改背景的按钮时，便笺的背景和按钮中的图像都被更改。 在妈妈那里，我已经得到了完全相同的东西，便笺上的onclick事件，在顶部弹出的div，但我试图通过将所有类放入下面的数组中来更改背景，并且它没有没有工作。 我仍然不知道如何使按钮图像与便笺的背景同时更改。

//nbg is the button above that is to be cliked to change the backgound
var nbg = $('#nbg');
var count = 0;
nbg.each(function() {
    var thisnotice = $(this);
    thisnotice.click(function() {
    var notice_classes =['changeablenbg_yellow','changeablenbg_green','changeablenbg_pink','changeablenbg_purple','changeablenbg_blue'];
        if(notice_classes[count] === "changeablenbg_blue") {
        var count = 0
        }
    //#box is the note div itself
    $('#box').toggleClass(notice_classes[count]);
    count++;
    }); 
}); 

我也尝试过使用for循环来循环数组，但无济于事。.知道的人可以指导我执行此操作。 对不起，如果我还没有解释清楚，请问任何您不理解的问题。

Answer 1

您的代码中发生了一些奇怪的事情，但是最大的是您正在切换，就像电灯开关一样。 按下它，它就会打开并保持打开状态。 再按一次，它将关闭。 在这里按，它会打开并切换到下一种颜色，然后按并在第二种颜色会打开，而第二种会妨碍第一种。

然后，您会遇到双重计数问题。 您正在逐步浏览每个NBG的每种颜色，但只能更改框。 重置本地计数，但不重置较大的计数。

我最好的建议是，像浏览计算机一样在代码的每一行中逐步执行，并思考这行代码的作用。 它会按照我的想法做吗？

有帮助吗？