Heim > Web-Frontend > js-Tutorial > Hauptteil

Die JS-Sortierausgabe realisiert die automatische Erhöhung der Tabellenzeilennummer mithilfe der vom Front-End dynamisch generierten tr_javascript-Technik

WBOY
Freigeben: 2016-05-16 16:39:46
Original
1184 Leute haben es durchsucht

Ich habe kürzlich an einem Projekt gearbeitet, das das Sortieren und Ausgeben der Daten erforderte. Es erforderte Zeilennummern, die um 1.2.3.4.5 erhöht wurden....

Das Frontend durchläuft die dynamische Ausgabe von bis , der Code lautet wie folgt:

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

Die Zeilennummer wird automatisch durch js-Code erhöht (jquery muss eingeführt werden):

$(function(){ 
function number(){ 
for(var i=0;i< $(".numberClass").length;i++){ 
$(".numberClass").get(i).innerHTML = i+1; 
} 
} 
number(); 
});
Nach dem Login kopieren
Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage