javascript - 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 的每种颜色，但仅更改框。重置本地计数，但不重置较大的计数。

我最好的建议是，单步执行每一行代码，就好像计算机正在运行它一样，并思考该特定行的作用。它的作用和我想象的一样吗？

这有帮助吗？