一个项目,需要对数据进行排序输出,要求有行号,依次递增 1.2.3.4.5,使用前端动态生成的 tr
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
最近做一项目,需要对数据进行排序输出,要求有行号,依次递增 1.2.3.4.5.......。
前端通过 <c:forEach> 遍历动态输出的 <tr>,代码如下:
- <!-- 循环生成,列表数据 -->
- <c:forEach items="${pager.list}" var="auction">
- <tr class="bg1">
- <td width="10" align="center">
- <span class="numberClass">
- </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 onClick="displayDetails('xxxx}')" style="color:blue;cursor:pointer;">
- 查看详细信息
- </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();
- });
来源: