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是justgage gauge，我使用此代码更改div类:(改变方格）

$（＆＃39;＃ID1＆＃39;）。addClass（＆＃39; circleStatsItemBox green＆＃39;）。removeClass（＆＃39; circleStatsItemBox orange＆＃39;）;

但是此代码将标题和页脚颜色更改为与正文颜色相同。我想要根据新的div类安排页脚和标题颜色（例如根据我的样本中的circleStatsItemBox橙色）

谢谢

Answer 1

在jquery中尝试使用toggleClass。

ToggleClass ：在匹配元素集中的每个元素中添加或删除一个或多个类，具体取决于类的存在或switch参数的值。

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

Answer 2

在添加之前尝试删除：

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

用jQuery改变div类

2 个答案: