Focus on next input element by refer class name using jquery

Question

when user input value in text box it should move to next textbox if that input field contain specific class name but if another text box doesn't have that class name then it should not move to next

<input type="text" maxlength="1" class="txt_cls" />
<input type="text" maxlength="1" class="txt_cls" />
<input type="text" maxlength="1" class="txt_cls" />
<input type="text" maxlength="1" class="" />
<script src="https://code.jquery.com/jquery-3.4.1.js"></script>
<script>

$(document).ready(function(){
    $('input.txt_cls').on("input", function(){
        if($(this).val().length==$(this).attr("maxlength")){

            // $(this).next().focus();

        $(this).next().find('.txt_cls').focus();
        }
    });
});
</script>

Answer 1

oh I did small mistake, forgot to mention .closest(); now it is working fine

$(document).ready(function(){
    $('input.txt_cls').on("input", function(){
        if($(this).val().length==$(this).attr("maxlength")){
        //$(this).next().focus();
         $(this).next().closest('.txt_cls').focus();
        }
    });
});