Jquery獲取系列中最后一個元素的最后一行表

Question

我有一系列基於部分的幻燈片：

<div id="slides">
    <section id="first">
        <section>
            <table>
                <thead>
                </thead>
                <tbody>
                    <tr id="somethingUnique">
                    ...
                    </tr>
                </tbody>
            </table>
        </section>
        <section>
            <table>
                <thead>
                </thead>
                <tbody>
                    <tr id="somethingUnique">
                    ...
                    </tr>
                </tbody>
            </table>
        </section> 
       ...
    </section>
</div>

我需要選擇從#first部分的最后一部分中的表中獲取最后一行的ID。

我正在使用以下Jquery，回到“未定義”......任何想法？

    var lastListItem = $('#first:last-child table>tbody>tr:last').attr("id");
    alert(lastListItem);

Answer 1

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

要么：

$('#first tr:last')

---

http://jsfiddle.net/hunter/QMzHH/

Answer 2

var lastListItem = $('#first section:last  table tr:last').attr("id");

Answer 3

var lastListItem = $("#first").find("section").last().find("tr").last().attr("id");

我更喜歡使用[0] .id而不是.attr（“id”），因為它少了一個方法調用; 但是，如果你不肯定你在這個DOM位置總是有一個表，那么attr更安全。

Answer 4

。找（）：

獲取當前匹配元素集中每個元素的后代，由選擇器，jQuery對象或元素過濾。

​$("#first")​.find("tr:last").attr("id")

或者更簡單地說就是這種情況：

$("#first tr:last").attr("id")

例

Answer 5

其他答案有效但你嘗試的問題是:last-child必須應用於子元素（ section ），而不是父元素（ #first ）。 以下應該有效

$('#first section:last-child table>tbody>tr:last').attr("id");

並且可以簡化為

$('#first section:last-child tr:last-child').attr("id");

http://jsfiddle.net/e7mUD/1