JS 排序输出实现table行号自增前端动态生成的tr
更新时间：2014年08月13日 17:08:33 投稿：whsnow
一个项目，需要对数据进行排序输出，要求有行号，依次递增1.2.3.4.5，使用前端动态生成的tr
最近做一项目，需要对数据进行排序输出，要求有行号，依次递增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();
});
相关文章
这篇文章主要介绍了JavaScript中字符串的常用操作方法及js特殊字符,需要的朋友可以参考下2018-03-03
js之encodeURI、encodeURIComponent、decodeURI、decodeURIComponent
这篇文章主要介绍了js之encodeURI、encodeURIComponent、decodeURI、decodeURIComponent的使用，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2023-04-04
这篇文章主要介绍了JavaScript 实现鼠标拖动元素实例代码,需要的朋友可以参考下2014-02-02
这篇文章主要为大家详细介绍了JavaScript实现动态生成表格，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-08-08
这篇文章主要为大家详细介绍了bootstrap选项卡扩展功能，增加关闭，超出一行显示下拉，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-06-06
今天稍微研究了下textarea随输入内容自动增长的功能，通过google参考了一些实现方式2011-12-12
这篇文章主要为大家介绍了JS的鼠标监听mouseup鼠标抬起失效原因及解决示例，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-05-05
layui技巧：下拉框未展示问题;下拉框的onchange事件处理;关闭弹出层,重新加载父页面;父页面如何传递参数给弹出层的iframe页面;表单元素处于禁用状态;表单提交如何获取表单元素值集合;数据表格固定列;带搜索的下拉框;表单提交阻止页面跳转;父页面和子窗口传递值2024-07-07
这篇文章主要介绍了JavaScript动态检测密码强度原理及实现方法,结合具体实例形式详细分析了javascript针对输入字符串密码强度检测的原理与相关判断操作技巧,需要的朋友可以参考下2019-06-06
今天的记录，记录回放拖拽痕迹，先从过程上进行分析,需要的朋友可以参考下2014-06-06
最新评论