我的目标是实现这样的目标 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 循环来循环数组，但没有成功。 有知道的人可以指导我这样做吗？抱歉，如果我解释得不够清楚，有什么不明白的地方请询问。
最佳答案
你的代码中发生了一些奇怪的事情，但最大的是你正在切换它，就像一个电灯开关。按下它，它就会打开并保持打开状态。再按一次，它就会关闭。你按下它，它就会打开并切换到下一种颜色，然后你按下它，它就会打开第二种颜色，挡住第一种颜色。
那么你就遇到了双重计数问题。您将逐步浏览每个 NBG 的每种颜色，但仅更改框。重置本地计数，但不重置较大的计数。
我最好的建议是，单步执行每一行代码，就好像计算机正在运行它一样，并思考该特定行的作用。它的作用和我想象的一样吗？
这有帮助吗？
关于javascript - Jquery 切换多个类，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/11829201/