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

时间:2014-08-27 15:43:39

标签: javascript jquery html css colors

我有一个表格,表格中的不同字段会根据标志是否翻转而改变字体颜色。我有几个不同颜色的标志,可以随时翻转。

我希望将鼠标悬停在包含由该标志引起的异常名称且与该标志颜色相同的文本上。

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

我无法让这个工作。救命?

我的旗帜是:

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");
}
然而,尝试为INSIDE THE HOVER中显示的文本着色,并不起作用。它只是着色了桌子的更多领域。如何为悬停内的文本着色而不是它的默认黑色?

作为旁注,如果在文本旁边放置一块颜色而不是为文本着色同样容易,请告诉我这一点。我似乎无法找到解决办法。

请看小提琴简单的例子。 http://jsfiddle.net/L3e1ff3g/

1 个答案:

答案 0 :(得分:0)

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

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

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