jQuery新手求助：如何为特定<tr>下所有<td>按数值设置颜色

嘿，我来帮你搞定这个jQuery的问题！你现在的核心问题是没精准定位到目标行，而且遍历<td>的逻辑有漏洞，导致只有第一个<td>能变色。咱们一步步来修正：

问题分析 #

你之前的代码里，$(this).find('td').text()会把当前<tr>下所有<td>的文本拼接在一起，没法单独判断每个<td>的数值；而且判断条件也没精准锁定包含“Days left”的行，逻辑自然走偏了。

正确实现步骤 #

1. 精准定位目标<tr>：先找到包含文本“Days left”的<td>，再获取它的父级<tr>，确保只处理你需要的那一行。
2. 遍历该行所有<td>：对每个<td>单独提取数值，判断正负后设置颜色（如果“Days left”所在的<td>不需要处理，可以直接跳过）。

完整代码示例 #

$(document).ready(function() {
    // 找到包含"Days left"的<td>所在的<tr>
    const targetRow = $('td:contains("Days left")').closest('tr');
    
    // 遍历该行下的所有<td>
    targetRow.find('td').each(function() {
        // 获取当前<td>的文本，转成数字（trim去掉空格避免干扰）
        const value = parseInt($(this).text().trim(), 10);
        
        // 判断数值并设置颜色，跳过非数字的单元格（比如"Days left"本身）
        if (!isNaN(value)) {
            $(this).css('color', value < 0 ? 'red' : value > 0 ? 'green' : 'inherit');
        }
    });
});

额外说明 #

• 用td:contains("Days left")快速定位目标单元格，再通过closest('tr')找到它所在的行，比遍历所有<tr>效率更高。
• parseInt(..., 10)确保数值按十进制解析，trim()去掉文本前后的空格，避免因空格导致转数字失败。
• 三元运算符简化了颜色判断逻辑，你也可以根据需求补充等于0时的颜色设置。

内容的提问来源于stack exchange，提问作者Babar Ali