基于数据的类更改

Question

enter image description here

这是我想要实现的，状态的类将根据数据来改变。 我的JS：

$(document).ready(function () {
    var cls = 'label-info';
    if(data-value == 'Progress'){
        cls = 'label-warning';
    }
    else(data-value == 'New'){
        cls = 'label-success';
    }
    $('#label').addClass(cos);
});

我的JS：

我的Html：

<span id="label" class="label label-sm " data-value = "{{ account.status }}"> {{ account.status }} </span>

Answer 1

更改您的类变量名称

$('#label').addClass(cls);