This is what I am trying to achieve, class of the status would changed based on data coming. My 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); }); My JS:
My Html:
<span id="label" class="label label-sm " data-value = "{{ account.status }}"> {{ account.status }} </span>