Question

我正在尝试对表中的值使用jQuery的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>

Answer 1

val = $(this).html();

将检索所有'html'..，即带有TD中元素的标签......

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

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

1 个答案: