在 JS 变量中存储表行数

Question

我有一些旧代码正在尝试浏览。该表是通过返回模型的控制器操作加载的，基于单击页面中其他位置的按钮。如何在 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() );

});

Answer 2

你也可以像这样使用 jquery 来做到这一点

var totalRowCount = $("#terminalReceipts tr").length;            //this will give +1 row

var rowCount = $("#terminalReceipts td").closest("tr").length;   //this will give actual row