通過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);
 });