jquery - 如何隐藏特定滑块的滑块句柄？

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/