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(); });