Javascript 更改悬停框中文本的颜色

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

我希望在文本上包含一个悬停，该文本具有由标志引起的异常的名称，并且与标志颜色相同

（我原本打算在名称旁边添加一个小正方形的颜色，但这在悬停中似乎很难/不可能，所以现在我只是尝试更改文本颜色）

我不能让它工作。帮忙

我的旗帜是：

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");
}

然而，试图给悬停中显示的文本上色是行不通的。它只是给表的更多字段着色。如何将悬停中的文本颜色改为默认的黑色

作为旁注，如果在文本旁边放置一块颜色而不是在文本上着色同样容易，请也让我知道这一点。我似乎也找不到解决办法

---

请参阅小提琴以了解简单的示例

首先，在if/else中，每次检查

（$flag1===true）

我想应该是这样

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

---

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

你会用小提琴显示你的代码吗？请参阅小提琴以获取简单的示例。这个链接的JS小提琴再现了你的问题吗？当我悬停、单击或尝试与页面交互时，我看不到任何事情发生。@david the fiddle适合我。将鼠标悬停在表格（红色文本的表格）上，您会看到黑色文本中的“exception1”。我希望能够将该文本涂成红色，而不是表格文本涂成红色。啊，在这种情况下，这是不可能的（就我所知，本机工具提示无法设置样式）；不过，也可以使用伪元素或子元素来复制本机工具提示功能（无论是硬编码的子元素还是JavaScript创建的元素），例如：感谢您的评论。我已经将我的真实代码大大简化为这种情况。那是我在stackoverflow中打字时的一个打字错误。我的代码if/else正确且更详细。我的html是在javascript中动态创建的。你有什么特别想要的吗？因为我要添加一个悬停，我不确定为什么它与html相关。嗨，我明白了。实际上，这是合乎逻辑的，因为您修改了整个表的样式。例如，如果您想更改id文本的颜色，可以使用您的选择器intead:$（“.curPlanTable.myid”）.css（“颜色”，“红色”）；感谢您的评论，但这不是我需要的逻辑…在提供的JSFIDLE中，将鼠标悬停在表（红色文本的表）上，您应该会看到黑色文本中的“exception1”。我希望能够将该文本染成红色，而不是表格文本染成红色。