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數(shù)組的排序 sort()方法和reverse()方法
- JS數(shù)組排序技巧匯總(冒泡、sort、快速、希爾等排序)
- js交換排序 冒泡排序算法(Javascript版)
- js中數(shù)組排序sort方法的原理分析
- 基于JS實現(xiàn)數(shù)字+字母+中文的混合排序方法
- 幾種經典排序算法的JS實現(xiàn)方法
- js 靜態(tài)HTML表格排序功能實現(xiàn)
- js快速排序的實現(xiàn)代碼
- JavaScript中數(shù)組的排序、亂序和搜索實現(xiàn)代碼
- JavaScript數(shù)據結構與算法之基本排序算法定義與效率比較【冒泡、選擇、插入排序】
相關文章
JavaScript之創(chuàng)意時鐘項目(實例講解)
下面小編就為大家?guī)硪黄狫avaScript之創(chuàng)意時鐘項目。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2017-10-10淺談javascript六種數(shù)據類型以及特殊注意點
這篇文章主要介紹了javascript六種數(shù)據類型以及特殊注意點,有需要的朋友可以參考一下2013-12-12