遍历 jquery 选择器答案

【问题标题】：Iterate through jquery selector遍历 jquery 选择器
【发布时间】：2014-04-19 15:13:14
【问题描述】：

我有一些我确信是相当多余的代码，我想让它更短更简洁。

所以我有一个包含五个域的列表，每个域都有一个滑块。我正在使用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，因为每个滑块都应该是唯一的。谢谢！

【问题讨论】：

你为什么不给他们一个类，这样你就可以绑定到类，而不是列出所有的ID？

标签： jquery slider iteration selector

【解决方案1】：

使用Multiple Selector (“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);
});

【讨论】：

【解决方案2】：

为他们分配一个班级可能会更容易。

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

【讨论】：