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/