jquery - Jquery 滑块 - 在页面的多个位置显示滑块的值

Question

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

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

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

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

这是我使用的滑块： jsFiddle DEMO

问候，
托拜厄斯

score 0 · Accepted Answer

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

伊斯特德

<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

1 回答 1