遍历jquery选择器

Question

我有一些我确信是非常多余的代码，我想让它变得更简短、更简洁。

所以我有一个五个域的列表，每个域都有一个滑块。我用了五次Simple Slider。我有这个：

$("#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);
});

我如何简化它，这样我就不需要重复代码了？我必须使用I，因为每个滑块都应该是唯一的。谢谢!

Answer 1

使用

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

Answer 2

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

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