多个Jquery UI Progressbar

Question

我的网站上有多个Progressbars，如下图所示，每个必须包含不同的值，具体取决于我在value属性上添加的值。代码正在运行，但是，它只获取第一个值40，并将此值应用于所有进度条。我已经发布了以下javascript，请让我知道我做错了什么。

<div value="40" class="progressbar"></div>
<div value="70" class="progressbar"></div>
<div value="90" class="progressbar"></div>


<script>
  $(function() {
    $( ".progressbar" ).progressbar({
      value: parseInt($(".progressbar").attr('value'))
    });
  });
  </script>

Answer 1

使用each()循环来保持对目标元素的引用：

$(function() {
    $( ".progressbar" ).each(function(){
       $(this).progressbar({
          value: parseInt(this.value,10)
       });
    });
});