通过使用jQuery引用类名称来关注下一个输入元素

Question

当用户在文本框中输入值时，如果该输入字段包含特定的类名，则应移至下一个文本框，但如果另一个文本框没有该类名，则不应将其移至下一个文本框。>

<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

哦，我犯了一个小错误，忘了提到.closest（）;现在工作正常