如何使用指定的值在表格中为 td 着色？

Posted 2023-05-09

【中文标题】如何使用指定的值在表格中为 td 着色？

【英文标题】：How to color td in table using the specified value?

【发布时间】：2021-03-26 17:14:44

【问题描述】：

我正在使用 php 从数据库中获取所有记录，我使用该表在 html 页面上显示 TicketID、TicketNo、TicketStatus。现在我希望 TicketStatus 的值为红色，如果值为“已关闭预订”，否则如果值为“开放预订”，则为绿色。

【问题讨论】：

“它没有用”是什么意思？你收到错误了吗？

注意：object-oriented interface to mysqli 明显不那么冗长，使代码更易于阅读和审核，并且不容易与过时的mysql_query 接口混淆，其中缺少单个i 可能会导致麻烦。使用这种风格：$db = new mysqli(…) 和$db->prepare("…") 过程接口是 PHP 4 时代的产物，不应该在新代码中使用。此外，程序界面的错误检查和报告不那么严格，使调试工作受挫。

【参考方案1】：

我认为这就是您正在寻找的答案Changing style elements based on cell contents。

这是原始代码的修改版本，它将为您提供所需的 http://jsfiddle.net/yf1e72pq/

var allTableCells = document.getElementsByClassName("ticketStatus");
for(var i = 0, max = allTableCells.length; i < max; i++) 
    var node = allTableCells[i];

    //get the text from the first child node - which should be a text node
    var currentText = node.childNodes[0].nodeValue; 

    //check for 'Closed for reservation' and assign this table cell's color accordingly 
    if (currentText === "Closed for reservation")
        node.style.color = "red";