Javascript 使用jQuery更改div类

我尝试开发一些应该有在线价值的图表。我发现了这个漂亮的免费仪表板： [ 我使用Web套接字更改图表的值，效果非常好。我使用justgage（[）插件。正如您所看到的，有一些不同颜色的正方形（磁盘空间使用、带宽、内存、CPU等），我想根据这些值更改这些正方形的颜色

以下是div构造：

<div class="span2" onTablet="span4" onDesktop="span2"> 
            <div ID="ID1" class="circleStatsItemBox green"> 
            <div class="header">Machine 1</div> 
              <span class="percent"></span> 
            <div class="circleStat">    
               <div id="g1"></div>
            </div>
            <div id="f1" class="footer">
                <span class="number">cards/hour</span>
            </div>
            </div>
</div>

机器1
卡/小时

g1是justgage gauge，我使用此代码更改div类：（更改平方）

$（'ID1'）.addClass（'circleStatsItemBox绿色'）.removeClass（'circleStatsItemBox橙色'）

但这段代码将标题和页脚颜色更改为与正文颜色相同的颜色。我希望页脚和页眉颜色应根据新的div类进行排列（例如，根据我的示例中的circleStatsItemBox橙色）

---

谢谢

在jquery中尝试

切换类

切换类：根据类的存在或开关参数的值，从匹配元素集中的每个元素中添加或删除一个或多个类

$('#ID1.circleStatsItemBox').toggleClass('orange green');

---

在添加之前尝试删除：

$('#ID1').removeClass('circleStatsItemBox orange').addClass('circleStatsItemBox green');

---

使用jquery toggleClass或addClass/removeClass方法。此处的引用请注意，您首先删除cirleStatsItemBox，然后再次添加它。应为

$（'#ID1'）。removeClass（'orange'）。addClass（'green'））

我在你的帖子中学习了切换功能。事实上，它可以用于闪烁方块来警告我的用户。谢谢你的努力。