通过jquery选择器进行迭代

Question

我有一些代码，我肯定它们是多余的，我想使其更短，更整洁。

因此，我有五个域的列表，每个域都有一个滑块。 我已经使用了5次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);
});

如何简化此过程，而不必重复代码？ 我必须使用ID，因为每个滑块应该是唯一的。 谢谢！

Answer 1

使用多重选择器（“ selector1，selector2，selectorN”）

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