jQuery：如何将滑块中的值收集到以 id 作为键的简单对象中

Question

我有几个 jQuery UI 滑块，我想收集它们的值。以为这将是一个简单的任务，但是当我要做的时候，我被卡住了，不太确定该做什么了:p

我想要最终得到的对象应该看起来像这样：

{
   a: 80,
   b: 90,
   c: 20,
   ...
}

我可以像这样手动完成this：

var values = {
    a: $('#a').slider('value'),
    b: $('#b').slider('value'),
    c: $('#c').slider('value'),
    ...
};

但这有点乏味，特别是当我需要添加、删除或重命名时。希望我可以对地图或每个功能或类似的东西做一些事情，但我无法弄清楚。有人有一些聪明的想法吗？

Answer 1

您可以使用它分配的类 .ui-slider 并循环获取/存储值，如下所示：

var sliders = {};
$(".ui-slider").each(function() {
  sliders[this.id] = $(this).slider('value');
});
//sliders == { a:0, b:0, c:0 }

您可以在此处查看演示，尽量保持简短:)