JS 排序输出实现table行号自增前端动态生成的tr

前端技术 2023/09/08 JavaScript

最近做一项目，需要对数据进行排序输出，要求有行号，依次递增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(); 
});

本文地址：https://www.stayed.cn/item/20951

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案