JS 排序输出实现table行号自增前端动态生成的tr
最近做一项目,需要对数据进行排序输出,要求有行号,依次递增1.2.3.4.5.......。
前端通过<c:forEach>遍历动态输出的<tr>,代码如下:
<!--循环生成,列表数据-->
<c:forEachitems="${pager.list}"var="auction">
<trclass="bg1">
<tdwidth="10"align="center"><spanclass="numberClass"></span></td>
<tdwidth="30"align="center">${auction.dept}</td>
<tdwidth="40"align="center">${auction.donor}</td>
<tdwidth="40"align="center">¥:${auction.auctionSum}.00</td>
<tdwidth="40"align="center"><spanonClick="displayDetails('xxxx}')"style="color:blue;cursor:pointer;">查看详细信息</span></td>
</tr>
</c:forEach>
行号自增js代码(需引入jquery):
$(function(){
functionnumber(){
for(vari=0;i<$(".numberClass").length;i++){
$(".numberClass").get(i).innerHTML=i+1;
}
}
number();
});热门推荐
10 五一公司放假祝福语简短
11 追星女孩的祝福语简短
12 给长辈端午祝福语 简短
13 生日祝福语有诗意简短
14 团圆日祝福语简短
15 中秋商务祝福语简短最新
16 温暖文艺简短祝福语短句
17 男孩上学祝福语简短的
18 入住酒店文案祝福语简短