Jquery滑块 - 在页面上的几个位置显示滑块的值

Question

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

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

如何同时使用相同的id显示2个div？我相信这是不可能的 - 但也许有一个解决方法？它不需要是2个div，也可以是“2”或“1和1”。

所以，总结一下。我想在网页上的几个位置显示jquery滑块值。我怎么能这样做？

这是我使用的滑块： 的 jsFiddle DEMO

问候，
托拜厄斯

Answer 1

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

的浪费

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

使用

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

在这种情况下，v1是您的身份证明

如果你有两个与jquery相同的类的元素，你可以像$('.v1').show()一样使用它们

根据您的代码，似乎

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

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

点击此处 jsfiddle