jquery - 多个 Jquery UI 进度条

Question

我的网站上有多个进度条，如下所示，每个进度条都必须包含不同的值，具体取决于我放在 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)
       });
    });
});