Jquery slider-在页面的多个位置显示来自滑块的值

我有一个网页，用户使用滑块选择他想要购买的物品的数量

根据滑块中选择的数量，将显示包含总价的unqie div。现在我想添加另一个具有相同id的div，其中我将显示数量+一个“立即购买[数量]按钮”

如何在同一时间制作两个具有相同id的Div？我认为这是不可能的，但也许有一个解决办法？它不需要是2个div，也可以是“2”或“1和1”

总而言之。我想在网页上的几个位置显示jquery滑块值。我该怎么做

以下是我使用的滑块：

问候，

---

Tobias

您不能使用两个ID，为了实现您的目标，您应该使用class

听不见

<div id="1" class="colors"...

你的div必须有v1级。。。v10

---

请参见此处

您不能有两个具有相同ID的元素。ID是唯一的。使用类或

数据-

属性。你好，安东，非常感谢。它工作得很好！很简单：）如果你有时间的话，我还有一个问题。。我试图在div中的下拉列表中移动，但是当我使用或移动滑块时，滑块也会移动。有没有一种方法可以在不影响滑块的情况下将下拉列表放置在我想要的位置？如果需要将下拉列表放置在某个固定位置，可以使用css position:absolute；顶部：50px；左：50px（例如50*50）。这些样式可以添加到包装器divHi！是的，我知道，但是我很难移动下拉列表。。。我无法让它独立移动！

<div id="1" class="colors v1"...

 $('#range-start').change(function() {
        $('.colors').hide();
        $('.v' + $(this).val()).show(); //#-> .v
    });