JQuery - выберите последний tr моего стола

Question

У меня есть таблица, и в одном td у меня есть другая таблица.

То, что я пытаюсь сделать, это выбрать только последний 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

Предположив у вас есть идентификатор на первом столе, подставляя #example, вы можете использовать:

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

или

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

Answer 2

Попробуйте это:

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

Answer 3

Сначала вы ed дает id или класс, как для id = «outermost-table», а затем попробуйте с этим другим дать 2 элемента.

$("#outermost-table tr:last) 

Answer 4

Vanilla JS на помощь!

Предполагая, что вы можете получить таблицу как-то (возможно, getElementById если вы даете ему идентификатор), то вы можете сделать это:

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

Answer 5

Демо: http://jsfiddle.net/5Y9mG/7/

Добавить идентификатор таблицы в вашем HTML, как это :

<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 :)'); 
    }) 
});