jquery - テーブルの行番号を出力する

Question

20 行のテーブルに < tr > 行番号を出力しようとしています。

私はjQuery構文に精通していませんが、これは基本的に必要なものです

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

あなたが私の道を投げることができるどんな助けにも大いに感謝します。

Answer 1

.each()行をループするために使用できます。が tr 要素のクラスである場合.tablerow、次のように各行をループできます。

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

この例では、各行の最初の td 要素にインデックスを追加します。

実施例

最初の td 要素にインデックスを追加したくない場合は、.eq()メソッドを使用して、tr 要素 (ゼロベース) 内でインデックスを指定することにより、任意の td を選択できます。

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

上記の例では、各行の 3 番目の td 要素にインデックスが書き込まれます。

実施例

1 つから開始します。

0 ではなく 1 から開始するには、印刷時にインデックスに 1 を追加するだけです

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

実施例

Answer 2

.each()コレクション内の各アイテムに対してカスタム関数を実行するために使用できます。正確な HTML が表示されないため、どのアイテムが正確なのかわかりません.tablerow。内容に応じて、次の 2 つのオプションがあります.tablerow。

あなたがいると仮定.tablerowしますtr：

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

.tablerowがすでに各行の最初にある場合は、次tdのようになります。

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