欧美国产另类久热|951超碰伊人久久|伊人影视久久久久|色婷婷亚洲小电影|色东京热69XX|婷婷玖玖深爱网|加勒比东京热网站|无码A级毛片在线观看|一级a毛一级a看|中文字幕人妻欧美

JS 排序輸出實現(xiàn)table行號自增前端動態(tài)生成的tr
來源:易賢網(wǎng) 閱讀:1236 次 日期:2014-08-15 14:00:26
溫馨提示:易賢網(wǎng)小編為您整理了“JS 排序輸出實現(xiàn)table行號自增前端動態(tài)生成的tr”,方便廣大網(wǎng)友查閱!

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

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

view sourceprint?01 <!-- 循環(huán)生成,列表數(shù)據(jù) -->

02 <c:forEach items="${pager.list}" var="auction">

03 <tr class="bg1">

04 <td width="10" align="center"><span class="numberClass"></span></td>

05 <td width="30" align="center">${auction.dept}</td>

06 <td width="40" align="center">${auction.donor}</td>

07 <td width="40" align="center">¥:${auction.auctionSum}.00</td>

08 <td width="40" align="center"><span onClick="displayDetails('xxxx}')" style="color:blue;cursor:pointer;">查看詳細信息</span></td>

09 </tr>

10 </c:forEach>

行號自增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 });

更多信息請查看IT技術(shù)專欄

更多信息請查看網(wǎng)絡(luò)編程
關(guān)于我們 | 聯(lián)系我們 | 人才招聘 | 網(wǎng)站聲明 | 網(wǎng)站幫助 | 非正式的簡要咨詢 | 簡要咨詢須知 | 新媒體/短視頻平臺 | 手機站點

版權(quán)所有:易賢網(wǎng)