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

我想在我的表中使用jQuery的progressbar方法。我已经能够遍历表格并为所需的进度条选择器添加适当的div。进度栏不能正确显示val变量。通过td jQuery循环并插入jQueryUI进度条

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>

来源

2010-04-29 Vim

它是如何显示的？ – SpikETidE 2010-04-29 06:22:56

我遇到了同样的问题，你是否设法弄清楚了？ – Jimmy 2013-07-30 10:04:33

val = $(this).html();

会检索所有的“HTML” ..即与TD内的元素的标签一起....

如果你想独自一人的整数值，请尝试保存它在td内的一个隐藏字段中，并且当你想要获得值时访问它。...

来源

2010-04-29 06:47:42 SpikETidE

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

回答

相关问题