亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

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

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

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

前端通過<c:forEach> 遍歷動態(tài)輸出的<tr>,代碼如下:

<!-- 循環(huán)生成,列表數(shù)據 --> 
<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進階(四)原型與原型鏈用法實例分析

    JavaScript進階(四)原型與原型鏈用法實例分析

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

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

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

    JavaScript實現(xiàn)秒殺時鐘倒計時

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

    JavaScript 程序循環(huán)結構詳解

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

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

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

    Bootstrap Chart組件使用教程

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

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

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

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

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

    微信小程序獲取手機驗證碼的方法

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

    微信小程序實現(xiàn)彈出輸入框代碼實例

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

最新評論