獲取最後一行的第一個單元格的值

Question

我想獲取表格最後一行的第一個單元格的值，但看起來語法不正確。你能檢查一下嗎？

var id = $(this).closest('table').children('tr last').children('td first').text(); 

var id = $(this).closest('table tr:last-child td:first-child').text(); 

Answer 1

對於 「最後一排的第一個單元格」，您可以：

var id = $(this).closest('table').find('tr:last td:first').text(); 

當然，如果this是下table的元素會只工作你正在嘗試從中獲取值。

還請注意id是一個字符串，即使該單元格的內容是一個數字。如果你想對它進行數字操作，你必須使用parseInt(id)將它轉換爲一個整數。

下面的Runnable演示片段。

var thizz = document.getElementById('someElementUnderTable'); 
 
var id = $(thizz).closest('table').find('tr:last td:first').text(); 
 

 
var new_id = parseInt(id) + 1; 
 

 

 
alert('Original was: '+id+'\nAfter adding one: '+new_id);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 

 
<table> 
 
    <tr> 
 
    <td id="someElementUnderTable"></td> 
 
    <td></td> 
 
    </tr> 
 
    <tr> 
 
    <td>5</td> 
 
    <td></td> 
 
    </tr> 
 
</table>

Answer 2

如何得到它outisde this：

$('table#myTable > tr:last-child > td:first-child').text(); 

如果this是表的一個孩子，那麼這樣的事情：

$(this).parents('table').find('> tr:last-child > td:first-child').text(); 

或者，如果沒有，

$(this).closest('table').find('> tr:last-child > td:first-child').text(); 

Answer 3

var id = $(this).closest('table').find('tr').last().find('td').first().text(); 

Answer 4

您也可以通過ID選擇它。看看這個JS小提琴的解決方案。 http://jsfiddle.net/kqL83dx3/1/

var id = $('#test tr:last td:first').text();