JS 排序輸出實(shí)現(xiàn)table行號自增前端動態(tài)生成的tr

更新時(shí)間：2014年08月13日 17:08:33 投稿：whsnow

一個(gè)項(xiàng)目，需要對數(shù)據(jù)進(jìn)行排序輸出，要求有行號，依次遞增1.2.3.4.5，使用前端動態(tài)生成的tr

最近做一項(xiàng)目，需要對數(shù)據(jù)進(jìn)行排序輸出，要求有行號，依次遞增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;">查看詳細(xì)信息</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(); 
});

您可能感興趣的文章:

相關(guān)文章

js實(shí)現(xiàn)仿Windows風(fēng)格選項(xiàng)卡和按鈕效果實(shí)例
這篇文章主要介紹了js實(shí)現(xiàn)仿Windows風(fēng)格選項(xiàng)卡和按鈕效果的方法,可實(shí)現(xiàn)類似windows選項(xiàng)卡風(fēng)格的tab標(biāo)簽效果,需要的朋友可以參考下
2015-05-05
JavaScript實(shí)現(xiàn)移動端滑動選擇日期功能
這篇文章主要介紹了JavaScript實(shí)現(xiàn)滑動選擇日期功能，基于sui-mobile的移動端實(shí)現(xiàn)，感興趣的小伙伴們可以參考一下
2016-06-06
js實(shí)現(xiàn)百度登錄框鼠標(biāo)拖拽效果
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)百度登錄框鼠標(biāo)拖拽效果的相關(guān)資料，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-03-03
JavaScrip報(bào)錯(cuò):module?is?not?defined的原因及解決
這篇文章主要給大家介紹了關(guān)于JavaScrip報(bào)錯(cuò):module?is?not?defined的原因及解決方法,文中通過代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
2023-09-09
使用ef6創(chuàng)建oracle數(shù)據(jù)庫的實(shí)體模型遇到的問題及解決方案
這篇文章主要介紹了使用ef6創(chuàng)建oracle數(shù)據(jù)庫的實(shí)體模型遇到的問題及解決方案,需要的朋友可以參考下
2017-11-11
微信小程序常用賦值方法小結(jié)
這篇文章主要介紹了微信小程序常用賦值方法,結(jié)合實(shí)例形式總結(jié)了微信小程序局部變量、全局變量及data對象屬性賦值相關(guān)操作技巧,需要的朋友可以參考下
2019-04-04
javascript在myeclipse中報(bào)錯(cuò)的解決方法
jqueryjQueryJQUERYJqueryJQueryjquery報(bào)錯(cuò)jsJSJsmyeclipseMyEclipseMyeclipse，很多朋友應(yīng)該都會遇到過這個(gè)情況吧，按照下面的步驟便可迎刃而解
2013-10-10
js加入收藏夾代碼(兼容ie/ff/op)
這篇文章主要介紹了js加入收藏夾代碼并兼容ie/ff/op,需要的朋友可以參考下
2014-05-05
Bootstrap基本樣式學(xué)習(xí)筆記之表單(3)
這篇文章主要介紹了Bootstrap學(xué)習(xí)筆記之表單基本樣式的相關(guān)資料,為大家分享了三種表單樣式，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2016-12-12
JSON 對象未定義錯(cuò)誤的解決方法
下面小編就為大家?guī)硪黄狫SON 對象未定義錯(cuò)誤的解決方法。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2016-09-09