我想用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");
        }
    });

});