JSFiddle - React, Tailwind, and code Playground

by nicholasstephan

HTML

<table id="waypointsTable" border="1">
<tbody>
<tr>
    <td>some text</td>
</tr>
<tr>
    <td>some text</td>
</tr>
<tr>
    <td>some text</td>
</tr>
</tbody>
</table>

CSS

.hover { background-color:yellow; }

JavaScript

$('#waypointsTable tr').hover(function() {
    $(this).addClass('hover');
}, function() {
    $(this).removeClass('hover');
});