Javascript 多量程滑块

我在我的页面上有多个html5范围的滑块，这是为一个工作，但我不能使这为单独的滑块工作。它们应该没有关系，因此用户可以选择每个不同问题的分数

我知道jQuery代码应该以滑块为目标，但是我无法实现这一点。我们将要使用大约20个这样的滑块，所以需要这是真正的动态

var sheet=document.createElement（'style'），
$rangeInput=$（'.range input'），
prefs=['webkit-slider-runnable-track'，'moz-range-track'，'ms-track']；
文件.正文.附件（页）；
var getTrackStyle=函数（el）{
var curVal=el.值，
瓦尔=（曲线-1）*25，
风格=''；
//设置活动标签
$（'.range labels li'）.removeClass（'active selected'）；
var curLabel=$（'.range labels'）.find（'li:n个子（'+curVal+'））；
curLabel.addClass（'activeselected'）；
curLabel.prevAll（）.addClass（'selected'）；
//curLabel.addClass（'halfselect'）；
//改变背景梯度
对于（变量i=0；i
正文{
填充：100px；
}
.射程{
位置：相对位置；
宽度：100%；
高度：5px；
}
.量程输入{
宽度：100%；
位置：绝对位置；
顶部：2个；
身高：0；
-webkit外观：无；
}
.范围输入：：-webkit滑块拇指{
-webkit外观：无；
宽度：30px；
高度：30px；
保证金：-16px0；
边界半径：50%；
背景#a50e2d；
光标：指针；
边界：0！重要；
}
/*
.范围输入：：-moz范围拇指{
宽度：30px；
高度：30px；
利润率：-8px0；
边界半径：50%；
背景#a50e2d；
光标：指针；
边界：0！重要；
}
.范围输入：：-ms thumb{
宽度：30px；
高度：30px；
利润率：-8px0；
边界半径：50%；
背景#a50e2d；
光标：指针；
边界：0！重要；
}
*/
.范围输入：：-webkit滑块可运行轨迹{
宽度：100%；
高度：2倍；
光标：指针；
背景：#272725；
}
.范围输入：：-moz范围轨迹{
宽度：100%；
高度：2倍；
光标：指针；
背景：#272725；
}
.范围输入：：-ms轨迹{
宽度：100%；
高度：2倍；
光标：指针；
背景：#272725；
}
.范围输入：焦点{
背景：无；
大纲：无；
}
.范围输入：：-ms轨迹{
宽度：100%；
光标：指针；
背景：透明；
边框颜色：透明；
颜色：透明；
}
.范围标签{
利润率：18px-11%0；
填充：0；
列表样式：无；
显示器：flex；
位置：相对位置；
}
.范围标签李{
位置：相对位置；
文本对齐：居中；
颜色：#272725；
字体大小：14px；
光标：指针；
弹性：1；
}
.范围标签li:：之前，
.halfselect:：before{
位置：绝对位置；
顶部：-37像素；
右：0；
左：0；
内容：“；
保证金：0自动；
宽度：30px；
高度：30px；
背景：#272725；
边界半径：50%；
}
.范围标签。活动{
颜色：#a50e2d；
}
.range labels.selected:：before，
.range labels.active:：before{
背景#a50e2d；
}
.range labels.active.selected:：before{
显示：无；
}
.halfselect{}
.half选择：在{
位置：绝对位置；
顶部：-23px；
右：自动；
左：0；
内容：“；
保证金：0自动；
宽度：50%；
高度：5px；
背景#a50e2d；
z指数：9999；
}
问题{
颜色：#27225！重要；
填充：5px0；
显示：块；
宽度：70%；
保证金：自动；
}
span.inp-value{
位置：绝对位置；
顶部：-60px；
显示：块；
文本对齐：居中；
宽度：100%；
颜色：#272725；
}


1显示对他人不感兴趣或不了解
2
3
4
5表现出对他人的兴趣和理解


1问题2
2
3
4
5问题2

问题在于getTrackStyle（this）发送的是所有元素，而不仅仅是（this）。（this）是全局的，没有设置为单独的（this）函数。有人能帮忙吗？如果您想让它单独用于每个范围，您需要
getTrackStyle
中的任何选择器与传入的元素相关。例如，
$（'.range labels li'）
需要类似于
$（el）.最近的（'.questions'）。查找（'.range labels li'）
你能提供一个@DBS的解决方案吗？好的，我看到我越来越近了，我将如何为样式部分这样做？那么现在我如何针对这个部分-为（var i=0；i