JSFiddle - React, Tailwind, and code Playground

HTML

<table id="foo">
    <tr>
        <td>x</td><td>x</td><td>x</td><td>x</td><td>x</td><td>x</td></tr>
    <tr>
        <td>x</td><td>x</td><td>x</td><td>x</td><td>x</td><td>x</td></tr>   
    <tr>
        <td>x</td><td>x</td><td>x</td><td>x</td><td>x</td><td>x</td></tr>      
    <tr>
        <td>x</td><td>x</td><td>x</td><td>x</td><td>x</td><td>x</td></tr>  
    <tr>
        <td>x</td><td>x</td><td>x</td><td>x</td><td>x</td><td>x</td></tr>
</table>

CSS

.highlight { background-color: red; }
td { padding: 10px; border: 1px solid blue; }

JavaScript

$('#foo td').hover( function(){
  $(this).find('td').toggleClass('highlight');
});