JQuery对象数据是通过多个滑块过滤的？

Question

我想使用像这样的一堆对象数据：

var IPAdata = {
  color: 6-14,
  ibu: 50-70,
  abv: 6.3-7.5
};

我不确定我的结构是否完全正确。

无论如何，会有三个滑块： 第一个标记为颜色 - 范围从3-40 第二个标记为IBU - 范围从0到100 第三个标记为ABV - 范围为3-10

理想情况下，当从我的对象数据中选择数字时，将显示一个div，其中包含一个图像。

有人能指出我正确的方向，实现这一结果吗？

Answer 1

首先你需要重建自己的对象 您可以通过

轻松访问任何对象

var IPAdata = { color: 6-14, ibu: 50-70, abv: 6.3-7.5 };
console.log(IPAdata.color);

但在这些情况下，控制台输出将为-8，总和为（6-14）

如果你想要你的颜色值

var IPAdata = { color: "6-14", ibu: 50-70, abv: 6.3-7.5 };
console.log(IPAdata.color);

输出将是“6-14”

你可以用这些价值做任何你想做的事