JQuery: Как собрать значения из ползунков в простой объект с идентификатором в качестве ключей

Question

У меня есть несколько ползунков пользовательского интерфейса jQuery, и я хочу собрать их значения.Подумал, что это будет простая задача, но когда я собирался это сделать, я застрял и не совсем уверен, что делать дальше:

{
   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 }

Вы можете просмотреть демонстрацию здесь , пыталсякоротко :) 1007 *