javascript - 使用 jQuery 更改 div 类

Question

我尝试开发一些应该具有在线值的图表。我发现了这个漂亮且免费的仪表板:[http://jiji262.github.io/Bootstrap_Metro_Dashboard/][1]我使用 Web 套接字来更改图表的值，效果非常好。我使用 justgage([ http://justgage.com/][2] ) 插件。正如你所看到的，有一些具有不同颜色的正方形(磁盘空间使用情况、带宽、内存、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>

g1 只是量规，我使用此代码来更改 div 类:(更改平方)

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

但是此代码更改标题和页脚颜色，与正文颜色相同。我希望页脚和页眉颜色应根据新的 div 类进行排列(例如根据我的示例中的 CircleStatsItemBox 橙色)

谢谢

Answer 1

在添加之前尝试删除:

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