Lấy mục cuối cùng từ danh sách nút mà không sử dụng thuộc tính length trong JavaScript

Giả sử sau là bảng của chúng ta:

<table id="demo" border="1">
<tr> <td>John</td> </tr>
<tr> <td>David</td> </tr>
<tr> <td>Mike</td> </tr>
</table> </body>

Sử dụng sau với text() để lấy mục cuối cùng:

$('table tr:last td')

Ví dụ

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
</head>
<body>
<table id="demo" border="1">
<tr> <td>John</td> </tr>
<tr> <td>David</td> </tr>
<tr> <td>Mike</td> </tr>
</table>
<script>
  var lastValue = $('table tr:last td').text();
  console.log("Giá trị cuối cùng là=" + lastValue);
</script>
</body>
</html>

Để chạy chương trình trên, lưu tệp với tên "anyName.html (index.html)" và nhấp chuột phải vào tệp. Chọn tùy chọn "Open with Live Server" trong trình soạn thảo VS Code.

Kết quả

Chương trình sẽ cho ra kết quả sau: