我想用jQuery

Question

我想改变真或假的颜色，在中继asp.net web表单改变真或假的颜色。

我这样做，但现在工作

 $(document).ready(function() { 
      var a = document.getElementsByClassName("badge").innerHTML; 
      var b = "true" 

      if (a == "true") { 
       $(".badge").addClass("badge bg-green"); 
      } 
      else { 
       $(".badge").addClass("badge bg-red"); 
      } 
     }); 



     <td style="width: 60px"> 
      <p id="dik" class="badge"><%# Eval("Aktif") %></p> 
     </td> 

Answer 1

试试这个：

 $(".badge").each(function(i,v){ 

      var b = "true"; // don't know use of it 

      if ($(v).text() == "true") { 
       $(v).addClass("badge bg-green"); 
      } 
      else { 
       $(v).addClass("badge bg-red"); 
      } 
     }); 

Answer 2

假设会有不止一个<td>拿着徽章，你可以试试下面的代码：

$(document).ready(function() { 
    //loop through all badges one by one 
    $(".badge").each(function(){ 
     var a = $.trim($(this).text()); //get the p tag's text and trim it to remove spaces if any 
     if (a == "true") { 
      $(this).addClass("badge bg-green"); 
     } 
     else { 
      $(this).addClass("badge bg-red"); 
     } 
    }); 

});