Rumah  >  Artikel  >  hujung hadapan web  >  Output pengisihan JS merealisasikan kenaikan automatik nombor baris jadual menggunakan teknik tr_javascript yang dijana secara dinamik oleh bahagian hadapan

Output pengisihan JS merealisasikan kenaikan automatik nombor baris jadual menggunakan teknik tr_javascript yang dijana secara dinamik oleh bahagian hadapan

WBOY
WBOYasal
2016-05-16 16:39:461147semak imbas

Saya baru-baru ini mengusahakan projek yang memerlukan pengisihan dan mengeluarkan data. Ia memerlukan nombor baris, yang ditambah sebanyak 1.2.3.4.5....

Hujung hadapan melintasi output secara dinamik a34de1251f0d9fe1e645927f19a896e8 melalui 8f86ca20bf479ad0d2cad5e574c19d8a, kodnya adalah seperti berikut:

<!-- 循环生成,列表数据 --> 
<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>

Nombor baris ditambah secara automatik oleh kod js (jquery perlu diperkenalkan):

$(function(){ 
function number(){ 
for(var i=0;i< $(".numberClass").length;i++){ 
$(".numberClass").get(i).innerHTML = i+1; 
} 
} 
number(); 
});
Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn