Jquery ui jQuery通过td循环并插入jQueryUI进度条

我试图对表中的值使用jQuery的progressbar方法。我已经能够遍历该表并为所需的progressbar选择器添加适当的div。进度条无法正确显示val变量

var i = 0;
var val = 0;
var id = "";
$("document").ready(function() {
    $('#progress tr').find('td').each(function() {
        //$(this).append("<div></div>");
        if ($(this).html() >= 0)
        {
            //alert($(this).html());
            val = $(this).html();
            id = "p_"+i;
            $(this).html('<div id="'+id+'"></div>');
            $('#'+id).progressbar({
                         "value": val
            });
            i++;
            //$('#'+id).attr('aria-valuenow',val);
            alert(val);
        }
    });
 });
 $(function() {
 $("#progressbar").progressbar( "option", "value", 37 );
 });


<table cellspacing="0" cellpadding="0" border="0" id="progress">
<caption>Class Performance</caption>
<tbody>
<tr>
    <th>Student Name</th>
    <th>Grade 1</th>
    <th>Grade 2</th>
    <th>Grade 3</th>
    <th>Grade 4</th>
    <th>Grade 5</th>
    <th>Grade 6</th>
</tr>
    <tr>
    <td>Wayne, Bruce</td>
    <td>100</td>
    <td>100</td>
    <td>67</td>
    <td>14</td>
    <td>6</td>
    <td>0</td>
</tr>
    <tr>
    <td>Dent, Harvey</td>
    <td>100</td>
    <td>100</td>
    <td>33</td>
    <td>0</td>
    <td>0</td>
    <td>0</td>
</tr>
</tbody>
</table>

将检索所有的“html”。。i、 e以及TD中元素的标签

---

如果您想单独获取整数值，请尝试将其保存在td内的隐藏字段中，并在您想要获取该值时访问它……

它实际上是如何显示的？我也遇到了同样的问题，您是否设法解决了？

val = $(this).html();