多个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) 
     }); 
    }); 
});