javascript - 如何根据javascript中的列 'value'或 'text'对表行进行着色？

Question

我的列名称为“状态”。如果状态为“通过”，我需要以绿色显示该行。如果“失败”则为红色。如何在 JavaScript 中做到这一点？

for (i=0; i < rows.length; i++) {
    var value = rows[i].getElementsByTagName("td")[0].firstChild.nodeValue;
    if (value == 'Pass') {
        rows[i].style.backgroundColor = "red";
    }
}

我尝试了这个，但浏览器不支持。请帮忙。谢谢。

Answer 1

使用 jQuery 你可以尝试:

function CheckStatus(id) {
    var rows = $('#'+id).find("tr")
    $(rows).each(function(){
        var value =  $(this).find('td:first').text();
        if (value == 'Pass') {
            $(this).css('background', 'red');
        }
    });
}