JSFiddle - React, Tailwind, and code Playground

HTML

<table class = "s">
    <tr>
        <td class="start">Something</td>
        <td>Another Thing</td>
    </tr>
</table>
<table class = "s">
    <tr>
        <td class="stasdart">Something</td>
        <td>Another Thing</td>
    </tr>
</table>

CSS

.active {
    color: red;
}
.s{
  width: 500px;
  height:600px;
}

JavaScript

document.body.onkeydown = function () {
    var active = $('.active');
    $('.start').attr('class', 'active');
        active.next().attr('class', 'active');
        active.attr('class', '');
}