jquery - 打印表格中的行号

Question

我试图在 20 行的表中打印 <tr> 行号。

我不太精通jQuery语法，但这基本上是我需要的

var rowIndex = 1;
// for each row increase rowIndex + 1
$('.tablerow').html(rowIndex)

非常感谢您提供的任何帮助。

Answer 1

您可以使用.each()循环遍历行。如果.tablerow是 tr 元素上的一个类，您可以像这样遍历每一行：

$('.tablerow').each(function (i) {
   $("td:first", this).html(i);
});

该示例将索引添加到每行的第一个 td 元素。

工作示例

如果您不想将索引添加到第一个 td 元素，则可以使用该.eq()方法通过在 tr 元素（从零开始）中指定其索引来选择所需的任何 td。

$('.tablerow').each(function (i) {
   $("td", this).eq(2).html(i);
});

上面的示例将索引写入每行的第三个 td 元素。

工作示例

从一个开始：

要从 1 而不是 0 开始，您所要做的就是在打印时将索引添加到索引中

$('.tablerow').each(function (i) {
   $("td:first", this).html(i + 1);
});

工作示例

Answer 2

您可以使用.each()在集合中的每个项目上运行自定义函数。您没有向我们展示您的确切 HTML，因此我们不知道具体是哪个项目.tablerow。根据具体情况，这里有两个选项.tablerow：

假设.tablerow是你的tr：

$(".tablerow td:first").each(function(index) {
    $(this).html(index);
});

如果.tablerow已经是td每行中的第一个，那么它可以是这样的：

$(".tablerow").each(function(index) {
    $(this).html(index);
});