在 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

也许您想要表格的行数。// javascriptvar rowsInTable = document.getElementById("terminalReceipts").getElementsByTagName("tr").length;//jqueryvar 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 ) {&nbsp; console.log( index + ": " + $( this ).text() );});

Answer 2

你也可以像这样使用 jquery 来做到这一点var totalRowCount = $("#terminalReceipts tr").length;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; //this will give +1 rowvar rowCount = $("#terminalReceipts td").closest("tr").length;&nbsp; &nbsp;//this will give actual row