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

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/