Jquery 具有相同选项的多个滑块全部在一个功能中？

我使用jqueryui创建了6个具有相同选项的滑块（调查）

我想知道是否有一种方法可以将所有这些滑块组合成一个功能，但它们是否可以单独操作

如果是这样的话，会不会是这样：

$('#slider').each(function () {
    var $this = $(this).closest('#slider');

    $($this).slider(
    {
        value: 100,
        min: 0,
        max: 100,
        step: 25,
        slide: function (event, ui) {
            $('#amount').val('$' + ui.value);
        }
    });
    $('#amount').val($('#slider').slider("value"));

---

我环顾四周，想看看是否能找到一些相关的问题，但我还是解决不了。现在，只有6个滑块中的第一个可见。

不确定问题出在哪里。这表明这只是一个基本设置。移动任何滑块都会在输入字段中显示该滑块的值

jQuery

$('.slider').slider({
    slide: function(event, ui) {
        $('input:eq('+ $(this).index() +')').val(ui.value);
    }
});​

HTML

​

---

编辑：更新代码以反映注释。

尝试将#滑块id改为类。您知道，如果您这样做，它们将具有相同的回调。你确定吗？@SimonEdström是的，没错，这是我对他们是“个体”的担忧之一。。当我将它们全部更改为一个类时，其中一个滑块的值将反映其他滑块的值。不是必需的。好的，但是你应该只添加一个唯一的回调而不是..？那很好，但是我想为每个唯一的滑块都有一个输入字段。你知道怎么做吗？您是否可以实现类似$this.closest（'input'）.val（ui.value）？确切地哇，这比我想象的要容易。看起来你想得太多了。感谢jNo，因为上面的代码只关注滑块div和输入元素，而忽略了其他任何内容。^它可以像上面的链接那样配置吗？是的。看起来我刚刚忘记了$（这个）里面的“.slider”，再次感谢！

<div class="slider"></div>
<div class="slider"></div>
<div class="slider"></div>
<div class="slider"></div>
<div class="slider"></div>
<div class="slider"></div>
<input /><br />
<input /><br />
<input /><br />
<input /><br />
<input /><br />
<input />​