jquery - 使用 Jquery 更新进度条大小

Question

我正在尝试获取一个 jquery 脚本来评估表格单元格并将其除以 120，再乘以 100 以获得百分比。然后，该百分比将更新进度条的长度。

J查询:

<script>
    $(document).ready(function() {
        var base = $('#stat').val();
        var baseStat = (Math.floor(base) / 120) * 100;
        $('.progress-bar').css('width', baseStat + '%');
    });
</script>

HTML:

<td width='5%' id='stat'>20</td>
<td>
    <div class='progress'>
        <div class="progress-bar" role="progressbar" aria-valuemin="0" aria-valuemax="120" style="width:0%"></div>
    </div>
</td>

Answer 1

.val() 用于从输入字段中获取值。

试试这个:

var base = $('#stat').text();

编辑:.text() 可用于获取/设置元素的文本。

请参阅 API 引用:https://api.jquery.com/text/