如何将序列号动态添加到附加到 HTML 标记的每个拆分字符串<div>

Question

功能：

在

问题：

我能够拆分并将拆分字符串附加到标签，但是，我无法动态设置每个附录元素的序列号为1至10。

因此，当分裂时的10个不同的字符串看起来像这样：

1. 名称得分计时器
2. 名称得分计时器
3. 名称得分计时器
4. 名称得分计时器
5. 名称得分计时器
6. 名称得分计时器
7. 名称得分计时器
8. 名称得分计时器
9. 名称得分计时器
10. 名称得分计时器

问题是我被困在如何将序列号设置为拆分元素的每一行。

已完成了什么

$(function() {
  //data are the 10 individual Strings that have been retrieved from database
  var playerList = data.split("@");
  var innerList;
  for (i = 0; i < playerList.length; i++) {
    innerList = playerList[i].split(",");
    console.log(innerList[0] + "|" + innerList[1] + "|" + innerList[2]);
    $("#Player_Name").html(innerList[0]);
    $("#Player_Score").html(innerList[2]);
  }
});

<table id="Rugby_Scoreboard">
  <tr>
    <td>
      <div id="Serial_Number" style="z-index:50; position:absolute; top:440px; left:100px; font-size:160px; font-family:'OpenSans-Light'; width:1080; color:#fff;">
        <font face="OpenSans-Light"></font>
      </div>
    </td>
    <td>
      <div id="Player_Name" style="z-index:50; position:absolute; top:440px; left:500px; font-size:160px; font-family:'OpenSans-Light'; width:1080; color:#fff;">
        <font face="OpenSans-Light"></font>
      </div>
    </td>
    <td>
      <div id="Player_Score" style="z-index:50; position:absolute; top:440px; left:1195px; font-size:160px; font-family:'OpenSans-Light'; width:1080; color:#fff;">
        <font face="OpenSans-Light"></font>
      </div>
    </td>
  </tr>
</table>

Answer 1

使用for循环的索引值。

$（"＃serial_number"）.. html（i 1）;