Изменение цвета текста В поле наведения

У меня есть таблица и разные поля в таблице изменят цвет шрифта в зависимости от того, перевернут ли флаг. У меня есть несколько флагов разных цветов, которые можно перевернуть в любое время.Изменение цвета текста В поле наведения

Я хотел включить наведение над текстом, в котором было имя исключения, вызванное флагом, и того же цвета, что и флаг.

(Первоначально я собирался включить небольшой квадрат цвета рядом с именем, но это кажется трудным/невозможным ВИННОМ, а теперь я просто пытаюсь изменить цвет текста).

Я не могу заставить это работать. Помогите?

мои флаги:

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

однако, пытаясь раскрасить текст, который показывает вверх ВНУТРИ парения, не работает. это просто окрашивает больше полей таблицы. Как я могу покрасить текст внутри наведения вместо черного цвета по умолчанию?

В качестве примечания стороны, если так же легко поместить блок цвета рядом с текстом, а не окрашивать текст, пожалуйста, сообщите мне об этом. Кажется, я не могу найти решение.

посмотрите пожалуйста скрипка для простого примера. http://jsfiddle.net/L3e1ff3g/

источник

2014-08-27 user2847749

Покажет свой код скрипка. – Benjamin

см. Скрипку для простого примера. http://jsfiddle.net/L3e1ff3g/ – user2847749

Связано ли это с JS Fiddle воспроизводить вашу проблему? Я не вижу * ничего *, когда я наводил курсор, нажимал или иным образом пытался взаимодействовать со страницей. –

Прежде всего в вашем если/иначе вы проверяете каждое время ($flag1 === true) Я думаю, что это должно быть

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

О втором вопросе - пожалуйста, укажите Ваш HTML

источник

2014-08-27 15:47:00 Greenonion

Спасибо за ваш комментарий. В этом случае я сильно упростил свой настоящий код. Это была опечатка, когда я вводил ее в stackoverflow. мой код if/else правильный и намного более подробный. Мой html создается динамически в моем javascript. есть ли что-то, что вы искали в частности? Поскольку я добавляю зависание, я не уверен, почему он имеет отношение к html. – user2847749

посмотрите пожалуйста скрипка для простого примера. http://jsfiddle.net/L3e1ff3g/ – user2847749

Привет, я вижу. На самом деле это логично, поскольку вы изменяете стиль для всей таблицы. Напр. Если вы хотите изменить цвет текста с идентификатором, вы можете использовать этот селектор для вашего: $ (". curPlanTable .myid"). css («цвет», «красный»); – Greenonion

Изменение цвета текста В поле наведения

ответ

Смежные вопросы