Jquery 在页面上的多个位置显示滑块中的值

Question

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

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

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

"。

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

这是我使用的滑块：js小提琴演示

问候
托比亚斯

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