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(){ ....

：）

一次呼吁改变两个输入中的一个

3 个答案: