Javascript jQuery：如何从给定的标记生成ProgressBar

因此，我使用ProgressBar JQuery插件（）来创建一些静态进度条

我想要实现的是从这个标记中：

<span class="progress-bar">10 / 100</span>

那不行，有什么建议吗

我很确定问题出在$（this.html（）.split（'/'）[0]和$（this.html（）.split（'/'）[1]，这是正确的语法吗？

怎么样：

$(document).ready(function() {
    var pb = $(".progress-bar")[0].innerHTML.split(" / ");

    $(".progress-bar").progressBar(pb[0], {
        max: pb[1],
        textFormat: 'fraction'
    });
});

我假设页面上只有一个进度条。如果是这样的话，这应该是可行的，否则，试试它，看看它是否能根据第一个进度条的值实际生成进度条，然后我们可以从那里开始工作

$(document).ready(function() {
    $(".progress-bar").each(function(){
        values = $(this).html().split(' / ');
        $(this).progressBar(values[0], {
        max: values[1],
        textFormat: 'fraction'
        })
    });
});

---

使用变量进行拆分没有什么错。它实际上为您节省了通话时间。

这很有效。谢谢：）我想知道为什么我的版本不起作用。这不会在多个span上起作用，而且由于Richard使用的是类“进度条”，可能有多个实例。Richard，您的示例不起作用，因为$（此）在错误的上下文中。谢谢，我刚刚注意到上述解决方案仅适用于单个span标记。

$(document).ready(function() {
    $(".progress-bar").each(function(){
        values = $(this).html().split(' / ');
        $(this).progressBar(values[0], {
        max: values[1],
        textFormat: 'fraction'
        })
    });
});