Javascript 使用jquery在html上使用多个实时滑块

我是Javascript新手，希望解决以下问题。下面的html代码以一种形式显示了两个实时滑块输入。但只有一个在起作用。（来源：）

那么，如何在同一网页上使用多个具有不同值的滑块呢

$（“#rangevalue”）.mousemove（函数（）{
$（“#text”）.text（$（“#rangevalue”）.val（））
});

时间：
时间：
时间
16.08
100秒。


问题是因为您在HTML中复制了
id
属性，而这些属性必须是唯一的。您需要将代码转换为使用类

为此，您可以选择
范围值
元素，然后使用
.next（）
查找相关的
.text
元素，如下所示：


$（“.rangevalue”）.on（'change mousemove'，function（））{
$（this.next（“.text”）.text（this.value）
});

时间
16.08
100秒。

$（“.rval”）.mousemove（函数（）{
$（this）.slides（'.tlabel'）.text（$（this.val（））
});

时间：
时间：
时间
16.08
100秒。


ID必须是独一无二的，就像符咒一样。伟大的我非常感谢你迅速有力的帮助。谢谢