如何根据表格单元格内容条件切换文字颜色 求jQuery实现方案

你可以直接使用以下代码，不需要修改现有PHP输出的表格结构即可生效：

$(document).ready(function() {
  $('.status').each(function() {
    // 去除首尾空白字符避免PHP输出带空格导致判断出错
    const currentStatus = $(this).text().trim();
    if (currentStatus === 'complete') {
      $(this).css('color', 'green');
    }
  });
});

补充优化方案 #

如果希望后续样式维护更灵活，也可以改用类名控制样式，替代直接修改行内样式：

1. 先在CSS中定义对应状态样式类

.status--pending {
  color: red;
}
.status--complete {
  color: green;
}

2. 修改jQuery逻辑适配类名控制

$(document).ready(function() {
  $('.status').each(function() {
    const currentStatus = $(this).text().trim();
    $(this).css('color', ''); // 移除默认的行内红色样式
    $(this).addClass(currentStatus === 'complete' ? 'status--complete' : 'status--pending');
  });
});

内容的提问来源于stack exchange，提问作者Festus Mushi