jquery - 谁让 jquery 函数适用于所有输入

Question

是否可以使用我在结帐页面上的所有输入进行这项工作？ - 所以我不需要像现在这样制作新的？

    $(document).ready(function(){
    $('#checkout-firstnamea').blur(function(){
         if (this.value == "") { 
            $(this).removeClass("asd");
            $(this).addClass('asd-red');
        }
    });
});
$(document).ready(function(){
    $('#checkout-lastnamea').blur(function(){
         if (this.value == "") { 
            $(this).removeClass("asd");
            $(this).addClass('asd-red');
        }
    });
});

Answer 1

由于处理程序的内容相同，您只需要一个选择器来选择所有目标元素。例如，这将准确选择那些两个输入:

$('#checkout-firstnamea, #checkout-lastnamea')

或者这将选择所有文本输入:

$('input[type="text"]')

或者这将选择页面上的所有输入:

$('input')

或者输入并选择:

$('input, select')

或指定容器元素内的所有输入和选择:

$('#someContainer input, #someContainer select')

等等

基本上，设计您的选择器以识别您想要识别的全部内容。相同的处理程序将应用于所有匹配的元素。您可以在 jQuery 文档中使用范围多种选择器，它们可以按您需要的任何方式组合。