javascript - 更改悬停框内文本的颜色

Question

我有一个表格，表格中的不同字段将根据是否翻转标志来更改字体颜色。我有几个不同颜色的旗帜，可以随时翻转。

我想将鼠标悬停在文本上，该文本具有由标志引起的异常的名称，并且颜色与标志相同。

(我原本打算在名称旁边添加一个小方 block 颜色，但这在悬停中似乎很难/不可能，所以现在我只是想更改文本颜色)。

我无法让它工作。帮助？

我的标志是:

flag1, if true then the field shows in red for exception1
flag2, if true then the fields shows in blue for exception2
flag3, if true then the fields shows in green for exception3

javascript/jquery:

if($flag1 === true){            
    $flag1.css("color", "red");
    $(".myTable").attr('title', 'exception1').css("color","red");
}else if($flag2 === true){              
    $flag2.css("color", "blue");
    $(".myTable").attr('title', 'exception2').css("color","blue");
}else if($flag3 === true){              
    $flag3.css("color", "green");
    $(".myTable").attr('title', 'exception3').css("color","green");
}

但是，尝试为悬停内显示的文本着色是行不通的。它只是为表格的更多字段着色。如何为悬停内的文本着色而不是默认的黑色？

作为旁注，如果在文本旁边放置一 block 颜色而不是为文本着色同样容易，请也让我知道这一点。我似乎找不到任何一个解决方案。

请参阅 fiddle 以获取简单示例。 http://jsfiddle.net/L3e1ff3g/

Answer 1

首先，在你的 if/else 中，你每次都检查 ($flag1 === true)我觉得应该是

if($flag1 === true){   
...
}else if($flag2 === true){
...
}else if($flag3 === true){

关于第二个问题-请提供您的html