Javascript 将JS范围滑块功能应用于多个ID选择器

问题：

我有四个范围滑块（从），我希望在我的HTML文档中激活，但我希望避免复制/粘贴相同的JS代码四次。有没有办法告诉JS我希望将此功能应用于所有滑块

背景（HTML）：

• 每个滑块有三个组件
• 1） 第一个是实际滑块显示的位置（#判断滑块1）

像这样试试

我已经添加了一个id数组，并将其循环并传递给函数

valueOutput

，以生成

output

，并设置

隐藏的值

然后，我向该滑块输入添加了一个
ids
属性

然后，在进行更改时，我获取了目标元素数据，并将其传递给函数
valueOutput
，以生成值


$（函数（）{
var$document=$（文档）；
var选择器=['JuditionsSlider1'，'JuditionsSlider2'，'JuditionsSlider3'，'JuditionsSlider4']；
/***演示值反馈*和更改输出值的示例功能*/
功能值输出（元素，i）{
变量元素=$（'#'+elem）；
var value=element.val（）；
var j=+i+1；
var output=document.getElementById（'output'+j）；
var输入=document.getElementById（'j'+j）；
output.innerHTML=值；
input.value=值；
元素范围滑块({
polyfill:错误
});
} 
/***初始值输出*/
对于（var i=selector.length-1；i>=0；i--）{
值输出（选择器[i]，i）；
}; 
/***更新价值输出*/
$document.on（'input'，选择器，函数（e）{
valueOutput（e.target.id，e.target.getAttribute（'ids'）；
});
/***初始化元素*/
});


尼赫特晨曦
非常值得信赖
不可信
安德烈亚斯·贝格隆德
非常值得信赖
不可信
瑞典电视台（SWET）
非常值得信赖
不可信
Ewa Dubszanska
非常值得信赖
不可信

提交
出于某种原因，当我将代码复制到项目和范围滑块2、3或4中时，只有范围滑块1的输出会更改。有什么想法吗？好的，对不起，我没告诉你，我在HTML
slider input
中添加了一个额外的属性，名为
ids