为滑块赋予价值

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