JSFiddle - React, Tailwind, and code Playground

HTML

<form>
    <input class="test" type="text" maxlength="1" />
    <input class="test" type="text" maxlength="1" />
    <input type="text"  maxlength="1" />
    <input type="text"  maxlength="1" />
    <input type="text"  maxlength="1" />
    <input class="test" type="text" maxlength="1" />
    <input type="text"  maxlength="1" />
</form>

CSS

input[type=text] {
    width: 30px;
}

JavaScript

$("input").keyup(function() {
         
    var input_flds = $(this).nextAll(".test:first");
    input_flds.select().focus();
            
});