在懸停框中更改文本的顏色

我有一個表格，表格中的不同字段將根據翻轉標誌而改變字體顏色。我有幾個不同顏色的標誌，可能隨時翻轉。在懸停框中更改文本的顏色

我想包括一個懸停在文本上，該文本具有由該標誌引起的異常的名稱並且與標誌顏色相同。（我原本打算在名字旁邊加上一個小方塊的顏色，但是這似乎很難/不可能在一個懸停中，所以現在我只是想改變文字顏色）。

我不能得到這個工作。幫幫我？

我的標誌是：

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懸停文字，是行不通的。它只是着色更多的表格字段。如何爲懸停內的文字着色而不是默認的黑色？作爲一個側面說明，如果在文本旁邊放置一塊顏色而不是着色文本就很容易，請讓我知道這一點。我似乎無法找到解決方案。

請看小提琴的簡單例子。 http://jsfiddle.net/L3e1ff3g/

來源

2014-08-27 user2847749

會顯示您的代碼小提琴。 – Benjamin 2014-08-27 15:45:24

請看小提琴的簡單例子。 http://jsfiddle.net/L3e1ff3g/ – user2847749 2014-08-28 12:51:38

這鏈接JS小提琴重現您的問題？當我懸停，單擊或以其他方式嘗試與頁面交互時，我看不到任何*發生的事情。 – 2014-08-28 13:09:22

都在你的第一個if/else語句要檢查的每次($flag1 === true) 我覺得應該是

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

關於第二個問題 - 請提供您的HTML

來源

2014-08-27 15:47:00 Greenonion

感謝您的評論。我大量簡化了我的真實代碼到這種情況。這是我在打字時輸入的一個錯字。我的代碼if/else是正確的並且更詳細。我的html是在我的javascript中動態創建的。有沒有特別要找的東西？由於我將添加一個懸停，我不知道爲什麼它與html有關。 – user2847749 2014-08-27 15:52:34

請看小提琴的簡單例子。 http://jsfiddle.net/L3e1ff3g/ – user2847749 2014-08-28 12:51:14

嗨，我明白了。其實這是邏輯，因爲你修改整個表的樣式。例如。如果你想改變id文本的顏色，你可以使用你的選擇符：$（「。curPlanTable .myid」）.css（「color」，「red」）; – Greenonion 2014-08-29 11:28:43

在懸停框中更改文本的顏色

回答

相關問題