如何從特定滑塊隱藏滑塊手柄？

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/