基于值的 JQuery 开关类



我需要一点JQuery的帮助。

.HTML

<body
<div id="mnRow" class="mnRow">
    <columns.Column field="Title" />
    <columns.Column field="AlertLevel" />
    <columns.Column field="Body" />      
</div>

.CSS

    .low-risk{
     background-color: green;}
   .medium-risk{
    background-color: orange;}
  .high-risk{
   background-color: red;}

当列字段等于低、中和高时,我想从 CSS 中添加类。

任何帮助,不胜感激。

谢谢

您可以使用 Jquery 的自定义属性选择器并动态添加类。

$("columns.Column[field='low']").addClass("low-risk") 

理想情况下,您应该创建一个映射对象键作为字段名称(如"low"(和值作为类名(如"低风险"(,并遍历该对象以执行 addClass。

最新更新