jquery - 如何将未定义数量的输入类型 ="hidden"链接到 JQuery UI 的某个进度条？

Question

我需要将未定义数量的输入 type="hidden"链接到 JQuery UI 的某个进度条 (http://jqueryui.com/demos/progressbar/)。我从来没有为我使用的每个用户提供相同数量的隐藏条和进度条。 (如果我有 5 个用户，我将有 5 个进度条和 5 个隐藏)

我想知道如何动态检测输入 type="hidden"和进度条的数量并将它们链接起来。

谢谢

Answer 1

这是你想要的吗？

$('input:hidden').each(function(i, input) {
    $('.progressBar').eq(i).progressbar({
        value: Number($(input).val())
    });
});

示例:http://jsfiddle.net/william/LZCqA/