javascript - 在 JS 变量中存储表行数

Question

我有一些旧代码正在尝试查看。该表是通过 Controller 操作加载的，该操作返回一个模型，基于单击页面中其他位置的按钮。

如何在 JS 变量中找到表格中的行数？我对 JS 很糟糕。我尝试了一些东西，但没有任何效果。下面是我的代码以及我为存储行数所做的尝试。

表格:

<hr />
<div class="row" id="ReceiptsMainDiv">
    <div class="col-md-12" style="overflow-y:scroll">
        <table class="table table-striped table-hover table-bordered" id="terminalReceipts">
            <thead>
                <tr>
                    <th>Terminal ID</th>
                    <th>Local Transaction Time</th>
                    <th>Amount</th>
                    <th>Receipt</th>
                    <td class="hidden"></td>
                </tr>
            </thead>
            <tbody>

                @foreach (var item in Model.TransactionsTests)
                {
                    <tr id="@String.Concat("rowIndex", Model.TransactionsTests.IndexOf(item))">
                        <td>@item.TerminalID</td>
                        <td>@item.TransactionTime</td>
                        <td>@item.Amount</td>
                        @*<td>@Html.ActionLink("View Receipt", "ViewReceipt", new { id = item.Id }, new { @class = "btn btn-primary btn-sm" }) <br /></td>*@
                        <td class="transactionID hidden">@item.Id</td>
                        <td>
                            @if (item.ReceiptData == null)
                            {
                                <button class="btn btn-sm btn-primary viewReceipt" disabled>View Receipt</button>
                            }
                            else
                            {
                                <button class="btn btn-sm btn-primary viewReceipt" data-rowindex="@String.Concat("rowIndex", Model.TransactionsTests.IndexOf(item))">View Receipt</button>
                            }
                        </td>
                    </tr>
                }
            </tbody>
        </table>
    </div>

这是我在 JS 中尝试做的事情:

var rowId = "#" + $(this).data("rowindex");
    var row = $(rowId);

    console.log(rowId);
    console.log(row);

console.log 的结果似乎不准确。什么都有帮助。谢谢

Answer 1

可能您想要表格的行数。

// javascript
var rowsInTable = document.getElementById("terminalReceipts").getElementsByTagName("tr").length;

//jquery
var rowsInTable2 = $("#customers").children('tbody').children('tr').length;

//if you need to do something with the rows:

var rows = $("#customers").children('tbody').children('tr');

rows.each(function( index ) {
  console.log( index + ": " + $( this ).text() );
});