javascript - 如何检查每个输入的焦点

这段代码可以正常工作，但是当我单击“提交”按钮时，焦点会反转。我该如何解决？

           <input type="text" class="textbox texrr" name="" />
           <input type="text" class="textbox texrr" name="" />
           <textarea class="textbox1 texrr"></textarea>
           <input type="submit" class="send" value="Send" name="submit">


    $(".send").click(function(){
        $(".texrr").each(function(index, element) {
            if($(this).val()!=""){
                $(this).removeClass('texerrbg');
                } else{
                    $(this).addClass('texerrbg').focus();
                }
        });
    });

最佳答案

问题是，您要处理具有以下结构的jquery数组：

['input.texrr', 'input.texrr', 'textarea.texrr']

当您使用$.each方法遍历它时，它会将焦点集中在集合中没有任何数据的最后一个输入上。因此，您需要向后遍历此数组。

尝试这个：

$(".send").click(function(){
        $($(".texrr").get().reverse()).each(function(index, element) {
            if($(this).val()!=""){
                $(this).removeClass('texerrbg');
            } else{
             $(this).addClass('texerrbg').focus();
            }
        });
    });