jquery - 一次调用更改两个输入之一

Question

我在页面中有下面的代码，如果两个文本字段之一发生更改，则使用两者的值调用一个函数。
该代码工作得很好，但为了提高效率，我想知道是否可以将其归结为单个代码块。

$('#popfrom').change(function(){
    var popfrom = $('#popfrom').val();
    var poptill = $('#poptill').val();

    defineDate(popfrom, poptill);
});

$('#poptill').change(function(){
    var popfrom = $('#popfrom').val();
    var poptill = $('#poptill').val();

    defineDate(popfrom, poptill);
});

Answer 1

JQuery 允许多个选择器，以逗号分隔：

$('#popfrom, #poptill').change(function(){ ...

如果您发现需要使用多个元素，通常使用类名更容易。将一类“popfields”添加到您的输入中，您可以简单地使用：

$('.popfields').change(function(){ ...

Answer 2

将它们添加到同一个类中，然后执行。

$('.popClass').change(function(){
    var popfrom = $('#popfrom').val();
    var poptill = $('#poptill').val();

    defineDate(popfrom, poptill);
});

Answer 3

向两个字段添加相同的类并使用 jQuery '.selector' 选择它们

$('.classOfTheTextFiled').change(function(){ ....

:)