jQuery ui progressbar使用每个

jQuery ui progressbar使用每个,jquery,jquery-ui,Jquery,Jquery Ui,所以基本上我使用的是jQuery ui prgoressbar,我想打印所有的值。代码如下: $(function() { var a = $('.progressbar.item1').progressbar({value: 37}); var b = $('.progressbar.item2').progressbar({value: 55}); var c = $('.progressbar.item3').progressbar

所以基本上我使用的是jQuery ui prgoressbar,我想打印所有的值。代码如下:

    $(function() {

        var a = $('.progressbar.item1').progressbar({value: 37});
        var b = $('.progressbar.item2').progressbar({value: 55});
        var c = $('.progressbar.item3').progressbar({value: 99});
        ...
        var x = $('.progressbar.itemx').progressbar({value: 29});

        $(a).find('.ui-progressbar-value').append('<span>' + a.progressbar('option','value') + '%</span>');
        $(b).find('.ui-progressbar-value').append('<span>' + b.progressbar('option','value') + '%</span>');
        $(c).find('.ui-progressbar-value').append('<span>' + c.progressbar('option','value') + '%</span>');
        ...
        $(x).find('.ui-progressbar-value').append('<span>' + x.progressbar('option','value') + '%</span>');

    });
$(函数(){
var a=$('.progressbar.item1').progressbar({value:37});
var b=$('.progressbar.item2').progressbar({value:55});
var c=$('.progressbar.item3').progressbar({value:99});
...
var x=$('.progressbar.itemx').progressbar({value:29});
$(a).find('.ui progressbar value').append('+a.progressbar('option','value'))+'%');
$(b).find('.ui progressbar value').append('+b.progressbar('option','value'))+'%');
$(c).find('.ui progressbar value').append('+c.progressbar('option','value'))+'%');
...
$(x).find('.ui progressbar value').append('+x.progressbar('option','value'))+'%');
});

我怎样才能像使用“for”of“each”一样使它变短?谢谢。

尝试构建一个充满进度条的对象:

$(function() {

    var classes_values = {
        '.item1' : 37,
        '.item2' : 55,
        '.item3' : 99,
        '.itemx' : 29
    };

    var progress_bars = {};

    $.each(classes_values, function(class, value){          
        progress_bars[class] = 
            $('.progressbar'+class).progressbar({'value' : value});                     
    });

    $.each(progress_bars, function(class, progress_bar){                        
        $('.ui-progressbar-value', progress_bar).append(
            '<span>' + progress_bar.progressbar('option','value') + '%</span>');        
    });

});
$(函数(){
var类\u值={
“.item1”:37,
“.项目2”:55,
“.item3”:99,
“.itemx”:29
};
变量进度条={};
$.each(类)\值,函数(类,值){
进度条[类别]=
$('.progressbar'+class).progressbar({'value':value});
});
$.each(进度条,函数(类,进度条){
$('.ui进度条值',进度条)。追加(
''+progress_bar.progressbar('option','value')+'%');
});
});
这是怎么回事

$(document).ready(function(){
// create some progressbars,random values
$(".progressbar").each(function(){
$(this).progressbar({value: Math.floor(Math.random()*5)});
});
//extract the values:
var vals="";
$(".progressbar").each(function(){
vals += $(this).progressbar( "option", "value" );
});
$("#vals").text(vals);
}))