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

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 a34de1251f0d9fe1e645927f19a896e8 bis 8f86ca20bf479ad0d2cad5e574c19d8a, 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>

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(); 
});