如何根据变量值设置 div class

Question

我正在尝试根据另一个进程设置的变量设置 div class。

这样做的原因是我正在尝试创建一个仪表板类型的页面来显示某些服务器是启动还是关闭等等。

如果有更好的方法，我很乐意尝试完全不同的选择。

代码（来自评论）：

<script>
    var server.v1 = "Down" 
</script>
<script>
    var servers.v2 = "Up" 
</script> 
<div id=servers> 
<script>
    if document.getElementById("servers").innerHTML = v2 == up {
         div class="ComponentSuccess"
    } else {
         div class="ComponentFail"
    }
</script>

Answer 1

使用 jQuery，当你标记问题时，它非常简单

var $myDiv = $(/* get your div */);
var isValid = /* your code here to check */
var className = isValid? 'valid' : 'invalid';
$myDiv.addClass(className);

显然这是一个简化的示例，您可能想要切换 class 并确保它不会同时获得 classes 等等。

如何根据变量值设置 div class

How to set a div class depending on a variable value

html

css

jquery