Закрасить ячейку таблицы по клику мыши jQuery/Javascript [требует правки]

264

01 декабря 2017, 07:32

Имеется обычный html код таблицы. Как закрасить ячейку таблицы по нажатию кнопки мыши, а по повторному - убрать закрашивание. Просьба написать рабочий код, а не алгоритм. Спасибо.

Answer 1

$("td").click(function() { 
  $(this).toggleClass("colored"); 
});

.colored { 
  background-color: green; 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<table> 
  <tbody> 
    <tr> 
      <td>1</td> 
      <td>2</td> 
      <td>3</td> 
      <td>4</td> 
      <td>5</td> 
      <td>6</td> 
    </tr> 
    <tr> 
      <td>1</td> 
      <td>2</td> 
      <td>3</td> 
      <td>4</td> 
      <td>5</td> 
      <td>6</td> 
    </tr> 
    <tr> 
      <td>1</td> 
      <td>2</td> 
      <td>3</td> 
      <td>4</td> 
      <td>5</td> 
      <td>6</td> 
    </tr> 
  </tbody> 
</table>