JS 排序输出实现table行号自增前端动态生成的tr
2014-08-13 00:00
861 查看
最近做一项目,需要对数据进行排序输出,要求有行号,依次递增1.2.3.4.5.......。
前端通过<c:forEach> 遍历动态输出的<tr>,代码如下:
行号自增js代码(需引入jquery):
前端通过<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(); });
相关文章推荐
- JS 排序输出实现table行号自增前端动态生成的tr
- JS -- <table> 行号自增,前端动态生成的<tr>
- Js-动态控制table的tr、td增加及删除的具体实现
- JS动态创建Table,Tr,Td并赋值的具体实现
- JS实现table表格数据排序功能(可支持动态数据+分页效果)
- js动态控制table的tr、td增加及删除的具体实现
- JS实现table表格数据排序(可支持动态数据+分页效果)
- JS实现动态生成html table表格的方法分析
- 利用字节流将生成的图片输出到js页面,实现动态生成图片
- js动态控制table的tr、td增加及删除的具体实现
- JS动态添加Table的TR,TD实现方法
- JS动态创建Table,Tr,Td并赋值的具体实现
- js动态给table添加/删除tr
- 如何进行js动态生成option?如何实现二级连动?
- 动态生成table加CSS+js
- JS动态创建Table,Tr,Td并赋值
- 后台动态生成文章名,前台js实现点文章名进入指定文章,打通前台与后台的操作。
- 用table,js实现web动态取数据并实现分页效果
- 用js+jsp实现在同一个下拉列表中,动态生成多级select选项