Javascript 如何使用滑块更新值更新标记值

基本上我是在尝试

这是我的HTML：

        <td>
            <p>
              <button type="button" class="btn btn-danger m-r-sm" id="slider-step-value">5</button>
              Speed
            </p>
            <div id="basic_slider_1"></div>
        </td>

因此，我希望发生的是，由于

基本滑动条

生成的值（其中

可以是

1、2、3或4

），它应该更新与该

基本滑动条

相关的

滑动条步长值的值

我如何处理这个问题？

我想你想要的是：


var sliders=$（'.slider'）；
变量按钮=$（“.滑块步长值”）；
对于（变量i=0；i

.slider.noUi原点{
背景：#c0392b；
}


5.
速度





6.
速度

我想我要问的主要问题是，如何选择与当前操作的
基本\u滑块最接近的
滑块\u步长\u值
？有多个
div.slider-step-value
如何选择slider\u step\u值您所说的选择是什么意思？意思是，确保更新了正确的值。换句话说，在您的示例中，如果复制整个
p
标记，它会正常工作吗？我对此表示怀疑，因为所有
div#滑块步长值都会更新。公平地说，一个ID应该只应用于一个元素，但您可以将其与
类
交换。我的想法是希望更新最靠近
基本滑动条的按钮，而不是页面上的每一个
按钮。最后一次更新是为了提高效率，并使用
$（滑动条[I]）锁定上一个
p
中的按钮。prev（'p'）。find（'button'）[0]
。出于某种原因，我收到以下错误：
未捕获引用错误：未定义noUiSlider
。
$("#basic_slider_1, #basic_slider_2, #basic_slider_3, #basic_slider_4").noUiSlider({
    start: 3,
    step: 1,
    behaviour: 'tap',
    connect: 'upper',
    range: {
        'min':  1,
        'max':  10
    },
    pips: {
      mode: 'steps',
      density: 1
    }
  });