JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <tr>
        <td>
        </td>
        <td  class="marker" >
        </td>
    </tr>
</table>

CSS

td {
     height: 200px;
     width: 200px;
background: green;    
}

td.marker {
    cursor: pointer;  
    background: red;     
}

JavaScript

$('td.marker').toggle(
function() {
alert('qq')
    $(this).closest('tr td').css('background', 'red');
}, function() {
    $(this).closest('tr td').css('background', 'green');
})