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