JQuery Erhalten letzte Zeile der Tabelle innerhalb letzte Element in einer Reihe

Question

ich eine Reihe von Dias aus der Basis Sektionen:

<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> 

Ich brauche greifen die ID der letzten Zeile aus der Tabelle in der letzten Auswahl Abschnitt des ersten Abschnitts.

Ich benutze die folgende Jquery, bekommen "undefined" zurück ... irgendwelche Ideen?

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

Answer 1

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

oder:

$('#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"); 

ich lieber mit [0] .id statt .attr ("id") seit seinem einen weniger Methodenaufruf; Wenn Sie jedoch nicht sicher sind, dass Sie immer eine Tabelle in dieser DOM-Position haben, ist attr sicherer.

Answer 4

.find():

Holen die Nachkommen eines jeden Elements in der aktuellen Gruppe angepaßter Elemente, durch einen Selektor, Objekt jQuery gefiltertes oder Element.

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

oder einfacher in diesem Fall:

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

EXAMPLE

Answer 5

Die anderen Antworten arbeiten, aber das Problem mit dem Versuch ist die Tatsache, dass :last-child aufgebracht werden muss, zu dem untergeordneten Element (section), nicht dem übergeordneten Element (#first). Folgendes sollte

arbeiten

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

Und könnte

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

http://jsfiddle.net/e7mUD/1