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

Question

我有几个jQuery UI Sliders，我想收集它们的值。认为这将是一项简单的任务，但是当我打算这样做时，我会陷入困境并且不太确定该怎么做：p

我想最终得到的对象应该是这样的：

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

我可以像这样手动完成：

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 }

You can view a demo here，试图保持简短：）