欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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

 更新時(shí)間:2014年08月13日 17:08:33   投稿:whsnow  
一個(gè)項(xiàng)目,需要對數(shù)據(jù)進(jìn)行排序輸出,要求有行號,依次遞增1.2.3.4.5,使用前端動(dòng)態(tài)生成的tr

最近做一項(xiàng)目,需要對數(shù)據(jù)進(jìn)行排序輸出,要求有行號,依次遞增1.2.3.4.5.......。

前端通過<c:forEach> 遍歷動(dòng)態(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)文章

  • JavaScript進(jìn)階(四)原型與原型鏈用法實(shí)例分析

    JavaScript進(jìn)階(四)原型與原型鏈用法實(shí)例分析

    這篇文章主要介紹了JavaScript原型與原型鏈,結(jié)合實(shí)例形式分析了JavaScript原型與原型鏈基本概念、原理、用法及操作注意事項(xiàng),需要的朋友可以參考下
    2020-05-05
  • JavaScript之創(chuàng)意時(shí)鐘項(xiàng)目(實(shí)例講解)

    JavaScript之創(chuàng)意時(shí)鐘項(xiàng)目(實(shí)例講解)

    下面小編就為大家?guī)硪黄狫avaScript之創(chuàng)意時(shí)鐘項(xiàng)目。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧
    2017-10-10
  • JavaScript實(shí)現(xiàn)秒殺時(shí)鐘倒計(jì)時(shí)

    JavaScript實(shí)現(xiàn)秒殺時(shí)鐘倒計(jì)時(shí)

    這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)秒殺時(shí)鐘倒計(jì)時(shí),文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2019-09-09
  • JavaScript 程序循環(huán)結(jié)構(gòu)詳解

    JavaScript 程序循環(huán)結(jié)構(gòu)詳解

    這篇文章主要為大家介紹了JavaScript 程序循環(huán)結(jié)構(gòu),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下,希望能夠給你帶來幫助
    2021-12-12
  • 淺談javascript六種數(shù)據(jù)類型以及特殊注意點(diǎn)

    淺談javascript六種數(shù)據(jù)類型以及特殊注意點(diǎn)

    這篇文章主要介紹了javascript六種數(shù)據(jù)類型以及特殊注意點(diǎn),有需要的朋友可以參考一下
    2013-12-12
  • Bootstrap Chart組件使用教程

    Bootstrap Chart組件使用教程

    圖表組件Chart.js是Bootstrap比較好用的組件之一,與一款收費(fèi)的組件highchart類似,效果上來看免費(fèi)與收費(fèi)的產(chǎn)品相差還是有一點(diǎn)點(diǎn)的,不過功能上差不多能滿足我們項(xiàng)目的需要,本文給大家介紹Bootstrap Chart組件使用,需要的朋友參考下吧
    2016-04-04
  • JavaScript給數(shù)組添加元素的6個(gè)方法

    JavaScript給數(shù)組添加元素的6個(gè)方法

    本文主要介紹了JavaScript給數(shù)組添加元素的6個(gè)方法,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2022-08-08
  • JS+CSS實(shí)現(xiàn)仿msn風(fēng)格選項(xiàng)卡效果代碼

    JS+CSS實(shí)現(xiàn)仿msn風(fēng)格選項(xiàng)卡效果代碼

    這篇文章主要介紹了JS+CSS實(shí)現(xiàn)仿msn風(fēng)格選項(xiàng)卡效果代碼,涉及JavaScript響應(yīng)鼠標(biāo)事件動(dòng)態(tài)變換頁面元素css樣式實(shí)現(xiàn)切換功能的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
    2015-10-10
  • 微信小程序獲取手機(jī)驗(yàn)證碼的方法

    微信小程序獲取手機(jī)驗(yàn)證碼的方法

    這篇文章主要為大家詳細(xì)介紹了微信小程序獲取手機(jī)驗(yàn)證碼的方法,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2022-05-05
  • 微信小程序?qū)崿F(xiàn)彈出輸入框代碼實(shí)例

    微信小程序?qū)崿F(xiàn)彈出輸入框代碼實(shí)例

    最近在寫一個(gè)微信小程序,有一個(gè)需求是點(diǎn)擊一個(gè)按鈕后,出現(xiàn)一個(gè)輸入框,然后根據(jù)用戶的輸入再進(jìn)行操作,所以這篇文章主要給大家介紹了關(guān)于微信小程序?qū)崿F(xiàn)彈出輸入框的相關(guān)資料,需要的朋友可以參考下
    2023-09-09

最新評論