如何选择表格的最后一行？

Question

I have the following div:

<div data-object-id="dsOrders" class = "OrderList" >

    <div class="table-responsive m-y-1">
        <table class="table">
            <thead>
                <tr>
                    <th style="width:110px;">ID</th>
                    <th style="width:110px;"> Order Date</th>
                </tr>

                <!-- FILTER ROW -->
                <tr>
                    <td>
                        <input data-search="OrderID" class="form-control form-control-sm">
                    </td>
                    <td>
                        <input data-search="OrderDate" class="form-control form-control-sm">
                    </td>
                </tr>
            </thead>

            <tbody>

                <tr data-repeat data-active>
                    <td data-field="OrderID" class = "OrderID"></td>
                    <td data-field="OrderDate"></td>
                </tr>
            </tbody>
        </table>
    </div>


</div>

How do I make it select the last row of it with javascript or jquery? I've tried doing it like this

$("[.OrderList][tr:last]").focus();

But with no success

Answer 1

使用此代码：

.OrderList >.table > tbody > tr:last-child { background:#ff0000; }

Answer 2

Try this :

$('#yourtableid tr:last').attr('id');

or this:

$("#TableId").find("tr").last();

Hope this if helpful :)

Answer 3

$('#yourtableid tr:last').attr('id').focus();

or

$('#yourtableid tr:last')[0].focus();

should work.

Answer 4

 console.log($(".OrderList table tr:last").html()) 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div data-object-id="dsOrders" class = "OrderList" > <div class="table-responsive my-1"> <table class="table"> <thead> <tr> <th style="width:110px;">ID</th> <th style="width:110px;"> Order Date</th> </tr> <!-- FILTER ROW --> <tr> <td> <input data-search="OrderID" class="form-control form-control-sm"> </td> <td> <input data-search="OrderDate" class="form-control form-control-sm"> </td> </tr> </thead> <tbody> <tr data-repeat data-active> <td data-field="OrderID" class = "OrderID"></td> <td data-field="OrderDate"></td> </tr> </tbody> </table> </div> </div> 

Answer 5

 console.log($(".OrderList tr").last().html()) 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div data-object-id="dsOrders" class = "OrderList" > <div class="table-responsive my-1"> <table class="table"> <thead> <tr> <th style="width:110px;">ID</th> <th style="width:110px;"> Order Date</th> </tr> <!-- FILTER ROW --> <tr> <td> <input data-search="OrderID" class="form-control form-control-sm"> </td> <td> <input data-search="OrderDate" class="form-control form-control-sm"> </td> </tr> </thead> <tbody> <tr data-repeat data-active> <td data-field="OrderID" class = "OrderID"></td> <td data-field="OrderDate"></td> </tr> </tbody> </table> </div> </div> 

Answer 6

尝试此代码，您可以通过以下方法实现它：

$('#first table:last tr:last')