JS 排序输出实现table行号自增前端动态生成的tr
最近做一项目,需要对数据进行排序输出,要求有行号,依次递增1.2.3.4.5.......。
前端通过<c:forEach>遍历动态输出的<tr>,代码如下:
<!--循环生成,列表数据-->
<c:forEachitems="${pager.list}"var="auction">
<trclass="bg1">
<tdwidth="10"align="center"><spanclass="numberClass"></span></td>
<tdwidth="30"align="center">${auction.dept}</td>
<tdwidth="40"align="center">${auction.donor}</td>
<tdwidth="40"align="center">¥:${auction.auctionSum}.00</td>
<tdwidth="40"align="center"><spanonClick="displayDetails('xxxx}')"style="color:blue;cursor:pointer;">查看详细信息</span></td>
</tr>
</c:forEach>
行号自增js代码(需引入jquery):
$(function(){
functionnumber(){
for(vari=0;i<$(".numberClass").length;i++){
$(".numberClass").get(i).innerHTML=i+1;
}
}
number();
});