1

つまり、基本的には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>');

    });

'each'の'for'を使用するように短くするにはどうすればよいですか？ありがとう。

4

2 に答える 2

0

これどう？

$(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);

});

于 2012-09-24T23:03:35.847 に答える
0

進行状況バーで満たされたオブジェクトを構築してみてください。

$(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>');        
    });

});
于 2012-09-24T22:55:51.487 に答える