JSFiddle - React, Tailwind, and code Playground

by Denis

HTML

<table class="clickable">
    <tr><td>a</td><td>a</td><td>a</td></tr>
    <tr><td>a</td><td>a</td><td>a</td></tr>
    <tr><td>a</td><td>a</td><td>a</td></tr>
    <tr><td>a</td><td>a</td><td>a</td></tr>
    <tr><td>a</td><td>a</td><td>a</td></tr>
</table>

CSS

.clickable td {
    background: yellow;
}

.clickable td.active {
  background: red;
    color: black;
}
td {
    padding: 10px 15px;
}

JavaScript

var td = $('.clickable td');
td.click(function() {
    
  $this=$(this);
    console.log($this);
    td.removeClass('active');
    $this.addClass('active');
});