Дайте значение слайдеру

Question

Привет, я должен сказать, что это не мой код. Кто-то это сделал, и теперь я совсем потерялся, пытаясь понять, как я могу дать значения трем слайдерам. Я не хочу значения по умолчанию. Я хочу, чтобы каждый слайдер взял его из: value = "@ getValueForThisSlider (o._1.getId)", как вы можете видеть в HTML, каждый слайдер имеет другой метод, я не смог найти чтобы показать правильное значение. Помоги пожалуйста! Благодаря!

JS:

$(".rating .slider").each(function() { 
      $(this).empty().slider({ 
       range: "min", 
       value: ?? 
       step: 0.1, 
       min: 1, 
       max: 10, 
       slide: function (event, ui) { 
        $(this).parent().find(".amount").val(ui.value); 
       } 
      }); 
      $(this).parent().find(".amount").html($(this).slider("value")); 
     });  

HTML:

<div class="field field-wrapper-rating" name="changes-values" id="change-values" style="display: none;"> 
    <div class="rating rating-price"> PriceQuality <span name="priceQuality" id="priceQuality" class="amount" value="@getPriceQuality(o._1.getId)"></span> 
    <div id="slider-kwaliteit" class="slider" name="priceQuality"></div> 
    </div> 

    <div class="rating rating-hygiene"> Hygiene <span name="hygiene" id="hygiene" class="amount"></span> 
    <div id="slider-hygiene" class="slider" name="hygiene"></div> 
    </div> 

    <div class="rating rating-service"> Service <span name="service" id="service" class="amount"></span> 
    <div id="slider-service" class="slider" name="service" value="@getService(o._1.getId)"></div> 
    </div> 

Answer 1

кажется slider элемент имеет атрибут value затем

$(".rating .slider").each(function() { 
    var $this = $(this), 
     $amount = $this.parent().find(".amount"); 
    $this.empty().slider({ 
     range: "min", 
     value: $this.attr('value'), 
     step: 0.1, 
     min: 1, 
     max: 10, 
     slide: function (event, ui) { 
      $amount.val(ui.value); 
     } 
    }); 
    $amount.html($this.slider("value")); 
}); 

Демо: Fiddle