如何根據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'); 
     } 
    }); 
} 

Answer 2

，你可以嘗試使用jQuery

$(document).ready(function() { 
      $("#testResults tr").each(function() { 
       var row = $(this).find("td:nth-child(2)").text(); 
       if (row == 'Pass') { 
        $(this).css('background-color', '#F00'); 
       } else { 
        $(this).css({ 'background-color': '#0G0',}); 
       } 
      }); 
     }); 

Answer 3

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

試試這個代碼（我沒有嘗試尚未雖然，thiss的想法是什麼，你需要）

Answer 4

我會使用類名而不是設置樣式，但試試這個：

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

Answer 5

樣式只能在HTML元素上實現，例如文本框，選擇，文本等。在你的情況下，你試圖設置'行'的值，這是不正確的。您需要選擇HTML元素，然後對其進行設計。

像這樣的東西可能會有所幫助：

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