Несколько 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) 
     }); 
    }); 
});