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

字號(hào):


    最近做一項(xiàng)目,需要對(duì)數(shù)據(jù)進(jìn)行排序輸出,要求有行號(hào),依次遞增1.2.3.4.5.......。
    前端通過(guò)<c:forEach> 遍歷動(dòng)態(tài)輸出的<tr>
    代碼如下:
    view sourceprint?01 <!-- 循環(huán)生成,列表數(shù)據(jù) -->
    02 <c:forEach items="${pager.list}" var="auction">
    03 <tr>
    04 <td width="10"><span></span></td>
    05 <td width="30">${auction.dept}</td>
    06 <td width="40">${auction.donor}</td>
    07 <td width="40">¥:${auction.auctionSum}.00</td>
    08 <td width="40"><span onClick="displayDetails('xxxx}')">查看詳細(xì)信息</span></td>
    09 </tr>
    10 </c:forEach>
    行號(hào)自增js代碼(需引入jquery):
    view sourceprint?1 $(function(){
    2 function number(){
    3 for(var i=0;i< $(".numberClass").length;i++){
    4 $(".numberClass").get(i).innerHTML = i+1;
    5 }
    6 }
    7 number();
    8 });