JSFiddle - React, Tailwind, and code Playground
HTML
<table cellspacing="0" id="tech-companies-1" class="table table-small-font table-bordered table-striped">
<thead>
<tr>
<th></th>
<th colspan="2" data-priority="1">Lundi<br>2015-05-11</th>
<th colspan="2" data-priority="1">Mardi<br>2015-05-12</th>
<th colspan="2" data-priority="1">Mercredi<br>2015-05-13</th>
<th colspan="2" data-priority="1">Jeudi<br>2015-05-14</th>
<th colspan="2" data-priority="1">Vendredi<br>2015-05-15</th>
<th colspan="2" data-priority="1">Samendi<br>2015-05-16</th>
<th colspan="2" data-priority="1">Dimanche<br>2015-05-17</th>
</tr>
</thead>
<tbody>
<tr>
<th></th>
<td><img src="Content/images/jule.jpg" alt="" height="34" width="58" /></td>
<td><img src="Content/images/treasure2.jpg" alt="" height="34" width="58" /></td>
<td><img src="Content/images/jule.jpg" alt="" height="34" width="58" /></td>
<td><img src="Content/images/treasure2.jpg" alt="" height="34" width="58" /></td>
<td><img src="Content/images/jule.jpg" alt="" height="34" width="58" /></td>
<td><img src="Content/images/treasure2.jpg" alt="" height="34" width="58" /></td>
<td><img src="Content/images/jule.jpg" alt="" height="34" width="58" /></td>
<td><img src="Content/images/treasure2.jpg" alt="" height="34" width="58" /></td>
<td><img src="Content/images/jule.jpg" alt="" height="34" width="58" /></td>
<td><img src="Content/images/treasure2.jpg" alt="" height="34" width="58" /></td>
<td><img src="Content/images/jule.jpg" alt="" height="34" width="58" /></td>
...
CSS
.td_select
{
background-color:red!important;
}
JavaScript
$(document).ready(function(){
$(".table").on("click", "td", function() {
$(this).closest("table").find('td').removeClass("td_select");
$(this).toggleClass("td_select");
});
});