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

Question

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

我想知道我如何动态检测输入类型=“隐藏”和进度条的数量并将它们链接起来。

谢谢

score 2 · Accepted Answer

这是你想要的吗？

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

score 0 · Accepted Answer

我不确定这是否是您正在寻找的...

如果您想选择隐藏类型的所有输入，最好的方法可能是为您感兴趣的所有输入设置一个类，或者如果您总是对每个隐藏的输入感兴趣在页面上输入，您可以将它们全部选中。

以下是如何执行每个操作的示例：

$('.my-input-class').each(function(){//do whatever here...});

$('input[type="hidden"]').each(//same thing here...);

在这种情况下使用“.each”只是处理每个输入的一个示例。显然，只需执行 $('selector') 就会选择所有元素。

这有帮助吗？

小更新：

重新阅读您的问题后，这也可能有所帮助......在您的 .each() 中，您可以轮询 jQuery 进度条并将隐藏的输入设置为进度条的值。但是，我承认，我真的想不出你想要/需要这样做的情况。

2 回答 2