Javascript 自动将序列号添加到表行

您好，我有一个动态表，其中显示了编号1-20的足球俱乐部列表，我正在尝试通过javascript或css自动将位置编号分配到位置行，我已经进行了一些搜索，但没有看到任何有用的内容，因此我问如何进行此操作。这是我的桌子

<table width="100%">
        <tr style="color:#fff" bgcolor="#FF0099">
          <td>Pos</td>
          <td>Club</td>
          <td>Pts</td>
          <td>P</td>
          <td>W</td>
          <td>D</td>
          <td>L</td>
          <td>GD</td>
          <td>&nbsp;</td>
        </tr>
        <?php do { ?>
        <tr style="color:#FFf" bgcolor="#00a99d">
          <td bgcolor="#00a99d"></td>
          <td><?php echo $row_tab['Club']; ?></td>
          <td><?php echo $row_tab['Pts']; ?></td>
          <td><?php echo $row_tab['Pld']; ?></td>
          <td><?php echo $row_tab['W']; ?></td>
          <td><?php echo $row_tab['d']; ?></td>
          <td><?php echo $row_tab['L']; ?></td>
          <td><?php echo $row_tab['Gd']; ?></td>
          <td><a href="table_update.php?id=<?php echo $row_tab['id']; ?>">Administer</a></td>
        </tr>
        <?php } while ($row_tab = mysql_fetch_assoc($tab)); ?>
      </table>
      <p>&nbsp;</p></td>
  </tr>
</table>

销售时点情报系统
俱乐部
临时秘书处
P
W
D
L
钆

试试这个序列号

function recalcId() {           
        $.each($("#tblEmpData tr:not(:first)"), function (i, el) {
            $(this).find("td:first").text(i + 1); // Simply couse the first "prototype" is not counted in the list                
        })

    }

---

希望它喜欢你

试试这个序列号

function recalcId() {           
        $.each($("#tblEmpData tr:not(:first)"), function (i, el) {
            $(this).find("td:first").text(i + 1); // Simply couse the first "prototype" is not counted in the list                
        })

    }

希望它喜欢你

试试这种css样式（不需要javascript）：

这是

更新 要指定表，请首先向表中添加id或类：

<table width="100%" id="team-list">

其中n+1是它应该从何处开始索引的数字。 例：n+10从第10行开始计数。

试试这种css样式（不需要javascript）：

    <table width="100%">
            <tr style="color:#fff" bgcolor="#FF0099">
              <td>Pos</td>
              <td>Club</td>
              <td>Pts</td>
              <td>P</td>
              <td>W</td>
              <td>D</td>
              <td>L</td>
              <td>GD</td>
              <td>&nbsp;</td>
            </tr>
            <?php
//declare your counter here
 do {
//increase your counter by 1 here
 ?>
            <tr style="color:#FFf" bgcolor="#00a99d">
              <td bgcolor="#00a99d"><<Use your counter here>></td>
              <td><?php echo $row_tab['Club']; ?></td>
              <td><?php echo $row_tab['Pts']; ?></td>
              <td><?php echo $row_tab['Pld']; ?></td>
              <td><?php echo $row_tab['W']; ?></td>
              <td><?php echo $row_tab['d']; ?></td>
              <td><?php echo $row_tab['L']; ?></td>
              <td><?php echo $row_tab['Gd']; ?></td>
              <td><a href="table_update.php?id=<?php echo $row_tab['id']; ?>">Administer</a></td>
            </tr>
            <?php } while ($row_tab = mysql_fetch_assoc($tab)); ?>
          </table>
          <p>&nbsp;</p></td>
      </tr>
    </table>

这是

更新 要指定表，请首先向表中添加id或类：

<table width="100%" id="team-list">

其中n+1是它应该从何处开始索引的数字。 例：n+10从第10行开始计数。

    <table width="100%">
            <tr style="color:#fff" bgcolor="#FF0099">
              <td>Pos</td>
              <td>Club</td>
              <td>Pts</td>
              <td>P</td>
              <td>W</td>
              <td>D</td>
              <td>L</td>
              <td>GD</td>
              <td>&nbsp;</td>
            </tr>
            <?php
//declare your counter here
 do {
//increase your counter by 1 here
 ?>
            <tr style="color:#FFf" bgcolor="#00a99d">
              <td bgcolor="#00a99d"><<Use your counter here>></td>
              <td><?php echo $row_tab['Club']; ?></td>
              <td><?php echo $row_tab['Pts']; ?></td>
              <td><?php echo $row_tab['Pld']; ?></td>
              <td><?php echo $row_tab['W']; ?></td>
              <td><?php echo $row_tab['d']; ?></td>
              <td><?php echo $row_tab['L']; ?></td>
              <td><?php echo $row_tab['Gd']; ?></td>
              <td><a href="table_update.php?id=<?php echo $row_tab['id']; ?>">Administer</a></td>
            </tr>
            <?php } while ($row_tab = mysql_fetch_assoc($tab)); ?>
          </table>
          <p>&nbsp;</p></td>
      </tr>
    </table>

销售时点情报系统
俱乐部
临时秘书处
P
W
D
L
钆

销售时点情报系统
俱乐部
临时秘书处
P
W
D
L
钆

这是另一种方法，纯CSS无Javascript

正文{
计数器重置：串行；/*将串行计数器设置为0*/
}
桌子{
边界塌陷：分离；
}
tr td：第一个孩子：之前{
计数器递增：串行；/*递增串行计数器*/
内容：计数器（串行）；/*显示计数器*/
}

这是另一种方法，纯CSS无Javascript

正文{
计数器重置：串行；/*将串行计数器设置为0*/
}
桌子{
边界塌陷：分离；
}
tr td：第一个孩子：之前{
计数器递增：串行；/*递增串行计数器*/
内容：计数器（串行）；/*显示计数器*/
}

为什么

tr

s已经有属性了。嘿，你想要

Jquery

code为什么不通过php变量打印行号呢？请写下你的意思；）。无论如何，

td

s也有。如果你想为专栏编辑问题，你应该再次编辑你的问题为什么

tr

s已经有属性了。嘿，你想要

Jquery

code为什么不通过php变量打印行号呢？请写下你的意思；）。无论如何，

td

s也有。如果你想为ColumnShanks做这件事，你应该再次编辑你的问题。但是我看到了这样的事情，它感觉不到我的要求，因为它不是从我想要的特定行开始的，用这个代码，title pos也是countedHanks，但我看到过类似的情况，它感觉不到我的要求，因为它从我希望它从的特定行开始，使用此代码，title pos也是countedcool，但是我可以指定一个特定的表，因为我有不同的表，也可以指定它从的行开始，谢谢你，先生，我简直疯了。我从来没有想过要那样做！很酷，但是我可以指定一个特定的表吗，因为我有不同的表，还可以指定它从哪一行开始，谢谢你，先生，我简直疯了。我从来没有想过要那样做！