如何在一个条件下向 div 添加一个类？答案

【问题标题】：How to add a class to a div at one condition?如何在一个条件下向 div 添加一个类？
【发布时间】：2016-03-11 13:41:44
【问题描述】：

我有一个数字 a，它每 3 秒获取一个从 0 到 100 的随机值。

            <div class="industrial gauge size two warning">
                <span class="ticks" data-amount="8" data-scale-freq="1"></span>
                <div class="space"></div>
                <div class="meter"></div>
            </div>

例如，当 a>80 时，我想在第一个 div 中添加一个名为“danger”的类。我怎么能这样做？

【问题讨论】：

你用什么 JS 或 jQuery 来实现那个计数器或仪表？
为什么？有关系吗？我生成的计数器是这样的：a = Math.floor(Math.random() * 100);
你在使用 JsViews 和 JsRender 吗？如果是这样，您可以使用数据链接，但如果不是，那么 jsrender 和 jsviews 标签不属于这个问题...

标签： jquery html class jsrender jsviews

【解决方案1】：

例如给 div 一个 id

<div id="first" class="space"></div>

并在 Jquery 中使用此代码

   if(a>80)
{
    $("#first").addClass('danger');
}

或者我建议您编写任意数量的 CSS 类，并在您喜欢的任何条件下更改属性类

   if(a>80)
{
    $("#first").attr('class', 'newClass');
}

【讨论】：

听起来合乎逻辑，但不起作用。当我添加“危险”类时，我的感谢的背景颜色应该变成红色。
现在我了解到您想更改课程而不是添加另一个课程？