jquery - 更改表 中的 Bootstrap 'label' 类

Question

我有大约 2000 行的 mysql 数据，“状态”列的值在标签中显示为“已付费”或“未付费”。
我想用 jquery 根据它的值改变类。

$(document).ready(function() {
   var val = $('#check').text();
        if (val === "Paid") {
          $('.label').addClass(' label-success');
        }
        if (val === "Unpaid") {
          $('.label').addClass(' label-danger');
        }

到目前为止我已经尝试过了(例如在 fiddle 中): FIDDLE

Answer 1

你需要遍历所有的标签..

  $('.label').each(function(i,ele){

    var val = $(ele).text();
    if (val === "Paid") {
      $(ele).addClass('label-success');
    }
    if (val === "Unpaid") {
      $(ele).addClass('label-danger');
    }

  });

http://www.codeply.com/go/tf8zFOsQBr

此外，id 应该是一个唯一标识符，因此不应有超过 1 个名为“status”的元素。