Question

我有一个大约2000行的mysql数据，列“Status”的值在标签中显示“付费”或“未付”。
我想用jquery改变依赖于它的值的类。

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

到目前为止我已经尝试过这种方式（例如小提琴）： 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个名为＆＃34; status＆＃34;的元素。

Answer 2

您可以使用jquery的过滤器：http://api.jquery.com/filter/

var paid = $('.label').filter(function(){
  return $(this).text() == "Paid"
});
var unpaid = $('.label').filter(function(){
  return $(this).text() == "Unpaid"
});

console.log(paid);
console.log(unpaid);

paid.addClass('label-success');
unpaid.addClass('label-danger');

https://jsfiddle.net/sohal/edvw76o1/2/

在表格中更改Bootstrap'label'的类

2 个答案: