Добавление и удаление цвета фона данных таблицы по нажатию кнопки мыши (td)

Question

Я использую jquery для установки цвета фона для данных таблицы, и он работает нормально, но мне нужно, когда пользователь снова щелкнет на тд, цвет должен быть отменен.Это мой скрипт для добавления цвета.

java script:
  jQuery('td').click(function () { $(this).addClass('active'); });

my css class:
.active{background-color:red;}

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

Answer 1

jQuery('td').click(function () { $(this).toggleClass('active'); });

toggleClass добавляет, если он не существует, или удаляет, если он существует.

Answer 2

Вы можете использовать

$(this).removeClass('active');

, хотя вам нужно было бы проверить, активен ли он, чтобы ваш код выглядел так:

jQuery('td').click(function () { 
  if($(this).hasClass('active') { 
    $(this).removeClass('active'); 
  } else {
    $(this).addClass('active'); 
  }
});

РЕДАКТИРОВАТЬ:

@ Правосудие правильнее:

jQuery('td').click(function () { $(this).toggleClass('active'); });