JS sorting output realizes table row number auto-increment using the tr_javascript technique dynamically generated by the front end

I recently worked on a project that required sorting and outputting the data. It required row numbers, which were incremented by 1.2.3.4.5....

The front end traverses the dynamically output a34de1251f0d9fe1e645927f19a896e8 through 8f86ca20bf479ad0d2cad5e574c19d8a, the code is as follows:

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

The line number is automatically incremented by js code (jquery needs to be introduced):

$(function(){ 
function number(){ 
for(var i=0;i< $(".numberClass").length;i++){ 
$(".numberClass").get(i).innerHTML = i+1; 
} 
} 
number(); 
});