Показать сообщение отдельно
  #1 (permalink)  
Старый 08.02.2016, 17:55
Интересующийся
Отправить личное сообщение для BIGserg Посмотреть профиль Найти все сообщения от BIGserg
 
Регистрация: 09.03.2014
Сообщений: 13

Выделение ячеек в таблице
Задача такая, в таблице при клике по любой ячейке менять её фон на зеленый, при повторном клике по той же ячейке удалять этот фон.

Я реализовал эту задачу, но сталкнулся с проблемой, если кликнуть по ячейке(фон станет зеленым), потом кликнуть еще раз что бы убрать этот фон и после этого кликнуть по другой ячейке, предыдущая ячйка снова сменит фон на зеленый. видимо у меня ошибка с использованием $(this)

Прошу помогите разобраться, что я сделал не так?
Код:


$( document ).ready(function() {
		$(".table_id").click(function() {
			var rtt = $(this);		
			if(rtt.attr('check') == 'none')
			{
				$('#but_green').click(function() {			
				rtt.attr('check','checked');
				rtt.attr('style', 'background:#00FF7F;');
			});
				$('#but_red').click(function() {			
				rtt.attr('check','checked');
				rtt.attr('style', 'background:#FF3030;');
			});		
			}
			else
			{
				rtt.attr('check','none');
			}
	});
});
Ответить с цитированием