Maison > Article > interface Web > La sortie de tri JS réalise l'auto-incrémentation du numéro de ligne du tableau à l'aide de la technique tr_javascript générée dynamiquement par le frontal.
J'ai récemment travaillé sur un projet qui nécessitait de trier et de sortir les données. Il nécessitait des numéros de ligne, qui étaient incrémentés de 1.2.3.4.5....
Le front-end parcourt dynamiquement la sortie a34de1251f0d9fe1e645927f19a896e8 via 8f86ca20bf479ad0d2cad5e574c19d8a, le code est le suivant :
<!-- 循环生成,列表数据 --> <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>
Le numéro de ligne est automatiquement incrémenté par le code js (jquery doit être introduit) :
$(function(){ function number(){ for(var i=0;i< $(".numberClass").length;i++){ $(".numberClass").get(i).innerHTML = i+1; } } number(); });