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