如何隐藏特定滑块的滑块手柄？

Question

我想知道是否有隐藏id或类特定滑块句柄的方法？

<label for="my-slider-id">Test</label>
<input type="range" class="my-slider-class" id="my-slider-id" value="0" min="0" max="100"/>

例如，我知道此代码隐藏了所有滑块的句柄。

$('.ui-slider-handle').hide();

这些代码绝对没有：

$('ui-slider-handle.my-slider-class').hide();

$('ui-slider-handle#my-slider-id').hide();

Answer 1

您只需要通过jQuery执行此操作，如下所示：

$('#my-slider-id').next().find('.ui-slider-handle').hide();

这是一个jsFiddle示例：http://jsfiddle.net/Gajotres/T2zde/