.on（）from for循環？

Question

在我目前的項目我有多個行是這樣的：

$$(document).on('change','#x1', function() { 
    console.log('fired'); 
}); 
$$(document).on('change','#x2', function() { 
    console.log('fired'); 
}); 
$$(document).on('change','#x3', function() { 
    console.log('fired'); 
}); 

是有可能的一些for循環來替代呢？ （我的例子不工作）

for (var i = 1; i < 4; i++) { 
    $$(document).on('change','#x'+i, function() { 
    }); 
} 

Answer 1

無需環路使用comma separated multiple selectors的。

$$(document).on('change','#x1,#x2,#x3', function() { 
    console.log('fired'); 
}); 

---

FYI：始終這是更好地使用通用類元素的組，並使用類名附加事件處理程序。

---

如果有n個選擇器，則可以使用for循環生成選擇器。

var sel = ''; 
for (var i = 1; i < 4; i++) { 
    sel += (i > 1? ',' : '') + '#x' + i; 
} 

ES6替代

var sel = Array.from({ length:3 },(_, i) => '#x' + (i + 1)).join(','); 

---

的另一種辦法是attribute start with selector但它會選擇所有元素，其中它的id是先從x。

$$(document).on('change','[id^="x"]', function() { 
    console.log('fired'); 
});