jquery - Ui スライダーなし - jquery.data() メソッドで初期化

Question

<!-- slider container -->
<div class="sliderContainer">
  <!--  no ui slider slider div -->
  <div class="slider"
  data-start="100"
  data-min="0"
  data-max="3000">
  </div>
  <-- hidden input that should be bond to the sliders value -->     
  <input type="hidden" class="sliderInput" name="stuff" value="0">
</div>

$(function(){
  $('.slider').noUiSlider({
    start: [$(this).data(" start ")],
      range: {
        'min': $(this).data(" min "),
        'max': $(this).data(" max ")
      }
  });

作成中のフォームに noUiSlider.js プラグインを使用しています。フォームには複数のスライダーがあるため、それらを作成するためのより動的な方法が必要でした。

呼び出し$('.slider')はhtml要素の配列を返すので、識別子.sliderを使用できると思いましたが、うまくいかないようです。$(this)$(.slider)[0].data("max");

配列をループしようと考えていますが、関数の仕組みが理解できないのではないかと本当に考え始めていdata()ます..