JS 排序输出实现table行号自增前端动态生成的tr
JS 排序输出实现table行号自增前端动态生成的tr
发布时间:2016-12-30 来源:查字典编辑
摘要:最近做一项目,需要对数据进行排序输出,要求有行号,依次递增1.2.3.4.5.......。前端通过遍历动态输出的,代码如下:${aucti...

最近做一项目,需要对数据进行排序输出,要求有行号,依次递增1.2.3.4.5.......。

前端通过<c:forEach> 遍历动态输出的<tr>,代码如下:

<> <c:forEach items="${pager.list}" var="auction"> <tr> <td width="10" align="center"><span></span></td> <td width="30" align="center">${auction.dept}</td> <td width="40" align="center">${auction.donor}</td> <td width="40" align="center">¥:${auction.auctionSum}.00</td> <td width="40" align="center"><span>查看详细信息</span></td> </tr> </c:forEach>

行号自增js代码(需引入jquery):

$(function(){ function number(){ for(var i=0;i< $(".numberClass").length;i++){ $(".numberClass").get(i).innerHTML = i+1; } } number(); });

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新Javascript教程学习
热门Javascript教程学习
编程开发子分类