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

我想使用一组对象数据，如下所示：

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

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

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

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

---

有人能给我指出正确的方向，达到这个结果吗

首先，您需要重建对象本身 您可以通过网络轻松访问任何对象

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”

---

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

很好！您如何将这些“关于”值指定给滑块上的位置，以便显示与此数据对应的图像？您能否提供一些代码，实际上我不明白您的意思，现在您可以访问这些值，取决于它，做你想做的任何事情。我正在努力充实/理解代码——我会尽量说得更清楚一点。现在，当用户将滑块移动到颜色滑块的6-14或Ibu的50-70或ABV的6.3-7.5之间的任何位置时，我希望显示一个包含内容的div。。希望这有帮助？哈哈