JS 排序輸出實現(xiàn)table行號自增前端動態(tài)生成的tr
更新時間：2014年08月13日 17:08:33 投稿：whsnow
一個項目，需要對數(shù)據(jù)進行排序輸出，要求有行號，依次遞增1.2.3.4.5，使用前端動態(tài)生成的tr
最近做一項目，需要對數(shù)據(jù)進行排序輸出，要求有行號，依次遞增1.2.3.4.5.......。
前端通過<c：forEach> 遍歷動態(tài)輸出的<tr>，代碼如下：
<!-- 循環(huán)生成，列表數(shù)據(jù) -->
<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數(shù)組的排序 sort()方法和reverse()方法
- JS數(shù)組排序技巧匯總(冒泡、sort、快速、希爾等排序)
- js交換排序 冒泡排序算法（Javascript版）
- js中數(shù)組排序sort方法的原理分析
- 基于JS實現(xiàn)數(shù)字+字母+中文的混合排序方法
- 幾種經(jīng)典排序算法的JS實現(xiàn)方法
- js 靜態(tài)HTML表格排序功能實現(xiàn)
- js快速排序的實現(xiàn)代碼
- JavaScript中數(shù)組的排序、亂序和搜索實現(xiàn)代碼
- JavaScript數(shù)據(jù)結構與算法之基本排序算法定義與效率比較【冒泡、選擇、插入排序】
相關文章
js實現(xiàn)仿Windows風格選項卡和按鈕效果實例
這篇文章主要介紹了js實現(xiàn)仿Windows風格選項卡和按鈕效果的方法,可實現(xiàn)類似windows選項卡風格的tab標簽效果,需要的朋友可以參考下2015-05-05
這篇文章主要介紹了JavaScript實現(xiàn)滑動選擇日期功能，基于sui-mobile的移動端實現(xiàn)，感興趣的小伙伴們可以參考一下2016-06-06
這篇文章主要為大家詳細介紹了js實現(xiàn)百度登錄框鼠標拖拽效果的相關資料，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-03-03
JavaScrip報錯:module?is?not?defined的原因及解決
這篇文章主要給大家介紹了關于JavaScrip報錯:module?is?not?defined的原因及解決方法,文中通過代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考借鑒價值,需要的朋友可以參考下2023-09-09
使用ef6創(chuàng)建oracle數(shù)據(jù)庫的實體模型遇到的問題及解決方案
這篇文章主要介紹了使用ef6創(chuàng)建oracle數(shù)據(jù)庫的實體模型遇到的問題及解決方案,需要的朋友可以參考下2017-11-11
這篇文章主要介紹了微信小程序常用賦值方法,結合實例形式總結了微信小程序局部變量、全局變量及data對象屬性賦值相關操作技巧,需要的朋友可以參考下2019-04-04
jqueryjQueryJQUERYJqueryJQueryjquery報錯jsJSJsmyeclipseMyEclipseMyeclipse，很多朋友應該都會遇到過這個情況吧，按照下面的步驟便可迎刃而解2013-10-10
這篇文章主要介紹了js加入收藏夾代碼并兼容ie/ff/op,需要的朋友可以參考下2014-05-05
這篇文章主要介紹了Bootstrap學習筆記之表單基本樣式的相關資料,為大家分享了三種表單樣式，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-12-12
下面小編就為大家?guī)硪黄狫SON 對象未定義錯誤的解決方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-09-09