手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >JS 排序输出实现table行号自增前端动态生成的tr
JS 排序输出实现table行号自增前端动态生成的tr
摘要:最近做一项目,需要对数据进行排序输出,要求有行号,依次递增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(); });

【JS 排序输出实现table行号自增前端动态生成的tr】相关文章:

JavaScript实现将UPC转换成ISBN的方法

js控制div弹出层实现方法

JQuery实现动态添加删除评论的方法

jQuery实现自动滚动到页面顶端的方法

JavaScript实现鼠标拖动效果的方法

JS实现定时自动关闭DIV层提示框的方法

Javascript实现飞动广告效果的方法

用JavaScript实现页面重定向功能的教程

COOL而实用的动态效果

JavaScript实现鼠标滑过处生成气泡的方法

精品推荐
分类导航