遍历jquery选择器

遍历jquery选择器,jquery,slider,iteration,selector,Jquery,Slider,Iteration,Selector,我有代码,我相信是相当多余的,我想让它更短,更干净 所以我有一个五个域的列表,每个域都有一个滑块。我已经用了五次了。我有这个: $("#domain-1").bind("slider:changed", function (event, data) { alert(data.value); alert(data.ratio); }); $("#domain-2").bind("slider:changed", function (event, data) { alert(data.

我有代码,我相信是相当多余的,我想让它更短,更干净

所以我有一个五个域的列表,每个域都有一个滑块。我已经用了五次了。我有这个:

$("#domain-1").bind("slider:changed", function (event, data) {
  alert(data.value);
  alert(data.ratio);
});

$("#domain-2").bind("slider:changed", function (event, data) {
  alert(data.value);
  alert(data.ratio);
});

$("#domain-3").bind("slider:changed", function (event, data) {
  alert(data.value);
  alert(data.ratio);
});

$("#domain-4").bind("slider:changed", function (event, data) {
  alert(data.value);
  alert(data.ratio);
});

$("#domain-5").bind("slider:changed", function (event, data) {
  alert(data.value);
  alert(data.ratio);
});
我如何简化这一过程,从而不必重复代码?我必须使用ID,因为每个滑块都应该是唯一的。谢谢大家!

使用


给他们分配一个类可能会更容易

$(".domains").bind("slider:changed", function (event, data) {
    alert(data.value);
    alert(data.ratio);
 });

为什么不给它们一个类,这样就可以绑定到该类,而不是列出所有ID?
$(".domains").bind("slider:changed", function (event, data) {
    alert(data.value);
    alert(data.ratio);
 });