noUiSlider を複数箇所で使うためのメモ ref: http://qiita.com/shingorow/items/0846192703445634c7ff

file0.js

window.onload = function() {
  var sliders = document.getElementsByClassName('slider');

  for (var i = 0; i < sliders.length; i++) {
    var slider = sliders[i];
    var options = {
      range: {
        min: [0, 10],
        max: [100]
      },
      start: [20, 80],
    }
    noUiSlider.create(slider, options);
    slider.noUiSlider.on('update', function(values, handle) {

      var parentNode = this.target.parentNode; // this.target で update した slider を取得できる

      parentNode.getElementsByClassName('first')[0].value = values[0];
      parentNode.getElementsByClassName('second')[0].value = values[1];
    });
  }
}