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 () {
    inp = $(this);
    idnext = inp.parent('td').next('td').find('input :eq(0)');
    $('#actuel').text('Actuel '+inp.attr('id')+' suivant '+idnext.attr('id'))
        .css({'position':'absolute','left': inp.offset().left,'width':'80px'});
    
});