我想用jquery更改真或假颜色

我想在repeater中更改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>

$（文档）.ready（函数（）{
var a=document.getElementsByClassName（“徽章”）.innerHTML；
var b=“真”
如果（a==“真”）{
$（“.badge”）.addClass（“badge bg绿色”）；
}
否则{
$（“.badge”）.addClass（“badge bg红色”）；
}
});

试试这个：

       $(".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");
            }
       });

---

假设有多个

持有徽章，您可以尝试以下代码：

$(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");
        }
    });

});

---

因为ByClassName将返回一个数组，如果您同意，请使用索引号var a=document.getElementsByClassName（“badge”）[0].innerHTML；我试过了，但没有成功