Question

我有一张桌子，在一张桌子上我有另一张桌子。

我要做的是只从第一个表中选择最后一个tr（在下面的例子中表示）。

我的表格HTML：

<table>
    <tr>
        <td>.a</td>
        <td>.a</td>
    </tr>
    <tr>
        <td>.a</td>
        <td>.a</td>
    </tr>
    <tr>
        <td>.a</td>
        <td>.a</td>
    </tr>
    <tr> <!--This is the one I want to select.-->
        <td>.a</td>
        <td>
            <table>
                 <tr>
                    <td>.a</td>
                    <td>.a</td>
                    <td>.a</td>
                    <td>.a</td>
                    <td>.a</td>
                    <td>.a</td>
                </tr>
            </table>
        </td>
    </tr>
</table>

我尝试使用jQuery .find（）等等，但我无法选择它。

有人能帮我一把吗？

Answer 1

假设您在第一张桌子上有一个ID，替换#example，您可以使用以下任何一个：

$('#example > tbody > tr:last-child')

或

$('#example > tbody > tr').last()

Answer 2

香草JS救援！

假设你能以某种方式获得你的桌子（如果你给它一个ID可能是getElementById）那么你可以这样做：

lastRow = myTable.rows[myTable.rows.length-1];

Answer 3

试试这个：

$("tr:last", "table")

Answer 4

首先，您需要为id =＆＃34; outsidemost-table＆＃34;提供id或类。然后试试这个，它给出2个元素。

 $("#outermost-table tr:last)

Answer 5

现场演示：http://jsfiddle.net/5Y9mG/7/

在你的html中添加表ID，如下所示：

<table id="first">
    <tr>
        <td>.a</td>
        <td>.a</td>
    </tr>
    <tr>
        <td>.a</td>
        <td>.a</td>
    </tr>
    <tr>
        <td>.a</td>
        <td>.a</td>
    </tr>
    <tr> 
        <td> a</td>
        <td>
            <table>
                 <tr>
                    <td>click here </td>
                    <td>click here </td>
                    <td>click here </td>
                    <td>click here </td>
                    <td>click here </td>
                    <td>click here </td>
                </tr>
            </table>
        </td>
    </tr>
</table>

然后通过以下方式获得最后一行：

$('#first tr:last')

Jquery：

jQuery(document).ready(function($){
    $('#first tr:last').click(function(){
        alert('got me :)');
    })
});

Jquery - 选择我表的最后一个tr

5 个答案: