jQuery，如果有任何「一個」值發生變化

Question

我有一段代碼，這個人爲一組表單值寫了一組表單值。

我想將它們包含到一個單一的功能

$('#jobs_held').change(function() { 
// do something, with a little variation 
}); 

$('#residence_years').change(function() { 
// do something, with a little variation 
}); 

$('#how_long').change(function() { 
// do something, with a little variation 
}); 

反正是有，我可以做這樣的事情......

$('#jobs_held', '#residence_years', '#how_long').change(function(){ 
// do something, with a little variation 
}); 

Answer 1

將它們加入單個字符串以使用multiple-selector^[docs]。

$('#jobs_held,#residence_years,#how_long').change(function(){ 
    // do something, with a little variation 

    // "this" can be used to refer to the specific element 
    //  that received the event. 

    alert(this.id); // to alert the ID of the element 
}); 

...或找到一些常見的身份像一個類來選擇它們全部。

Answer 2

給他們所有的一類，例如「問題」，然後只需要$('.question').change(function() {});

如果需要根據類型對其進行更改，則可以訪問函數中已更改元素的ID。

編輯：我建議通過多選擇的類方法，因爲它更容易維護（您可以添加元素到HTML，而無需回來編輯JS）。但是的確如此，多重選擇更符合實際問題。而且，如果改變HTML，更好的解決方案是不可行的。

Answer 3

$('#jobs_held,#residence_years,#how_long').change(function(){ 
// do something, with a little variation 
});