JSFiddle - React, Tailwind, and code Playground

HTML

<table width="3000px" border="1">
                        <tr id='1'>
                            <td>1<input id='1' type="text" /></td>
                            <td>2<input id='2' type="text" /></td>
                            <td>3<input id='3' type="text" /></td>
                            <td>4<input id='4' type="text" /></td>
                            <td>5<input id='5' type="text" /></td>
                            <td>6<input id='6' type="text" /></td>
                            <td>7<input id='7' type="text" /></td>
                            <td>8<input id='8' type="text" /></td>
                            <td>9<input id='9' type="text" /></td>
                            <td>10<input id='10' type="text" /></td>
                            <td>11<input id='11' type="text" /></td>
                            <td>12<input id='12' type="text" /></td>
                            <td>13<input id='13' type="text" /></td>
                            <td>14<input id='14' type="text" /></td>
                            <td>15<input id='15' type="text" /></td>
                            <td>16<input id='16' type="text" /></td>
                            <td>17<input id='17' type="text" /></td>
                            <td>18<input id='18' type="text" /></td>
                            <td>19<input id='19' type="text" /></td>
                        </tr>
</table>

<div id='actuel'>
</div>

JavaScript

$(":input").focus(function () {
    id = this;
    idnext = $(id).nextAll('input').first();
    
    $('#actuel').text('Actuel '+$(id).attr('id')+' suivant '+$(idnext).attr('id'));
});