在表格中打印行号

Question

我试图打印＆lt; tr>行数在20行的表中。

我对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元素。

Working example

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

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

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

Working example

从一个开始：

要从1开始而不是0，您所要做的就是在打印时向索引添加一个

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

Working example

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);
});