JSFiddle - React, Tailwind, and code Playground

by Jorge Torres

HTML

<table class="half">
    <tr>
        <td>Test 1 :</td>
        <td>
            <input class="inputs" name="ragsoc" type="text" id="ragsoc" value="" />
        </td>
        <td>Test 2:</td>
        <td>
            <input class="inputs" name="mnemo" type="text" id="mnemo" value="" />
        </td>
        <td>Test 3:</td>
        <td>
            <input class="inputs" name="piva" type="text" id="piva" value="" />
        </td>
    </tr>
    <tr>
        <td>Test 4:</td>
        <td>
            <input class="inputs" name="ragsoc" type="text" id="ragsoc" value="" />
        </td>
        <td>Test 5:</td>
        <td>
            <input class="inputs" name="mnemo" type="text" id="mnemo" value="" />
        </td>
        <td>Test 6:</td>
        <td>
            <input class="inputs" name="piva" type="text" id="piva" value="" />
        </td>
    </tr>
</table>

JavaScript

$('.inputs').keydown(function (e) {
         if (e.which === 13) {
             var index = $('.inputs').index(this) + 1;
             $('.inputs').eq(index).focus();
         }
     });