最近做一项目,需要对数据进行排序输出,要求有行号,依次递增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();
});
标签:
排序输出,行号自增
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件!
如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
内蒙古资源网 Copyright www.nmgbbs.com
暂无“JS 排序输出实现table行号自增前端动态生成的tr”评论...
RTX 5090要首发 性能要翻倍!三星展示GDDR7显存
三星在GTC上展示了专为下一代游戏GPU设计的GDDR7内存。
首次推出的GDDR7内存模块密度为16GB,每个模块容量为2GB。其速度预设为32 Gbps(PAM3),但也可以降至28 Gbps,以提高产量和初始阶段的整体性能和成本效益。
据三星表示,GDDR7内存的能效将提高20%,同时工作电压仅为1.1V,低于标准的1.2V。通过采用更新的封装材料和优化的电路设计,使得在高速运行时的发热量降低,GDDR7的热阻比GDDR6降低了70%。