手机
当前位置:查字典教程网 >编程开发 >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实现鼠标滑过处生成气泡的方法

javascript实现图片跟随鼠标移动效果的方法

JavaScript实现点击自动选择TextArea文本的方法

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

JavaScript实现Flash炫光波动特效

JavaScript实现Iterator模式实例分析

JavaScript实现DIV层拖动及动态增加新层的方法

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

Jquery实现动态切换图片的方法

javascript实现Table间隔色以及选择高亮的方法

精品推荐
分类导航