मान लें कि निम्नलिखित हमारी तालिका है -
<table id="demo" border="1"> <tr> <td>John</td> </tr> <tr> <td>David</td> </tr> <tr> <td>Mike</td> </tr> </table> </body>
अंतिम आइटम प्राप्त करने के लिए टेक्स्ट () के साथ निम्नलिखित का प्रयोग करें -
$('table tr:last td')
उदाहरण
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initialscale=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("The last value is="+lastValue); </script> </body> </html>
उपरोक्त प्रोग्राम को चलाने के लिए, फ़ाइल नाम "anyName.html(index.html)" को सेव करें और फ़ाइल पर राइट क्लिक करें। वीएस कोड संपादक में "लाइव सर्वर के साथ खोलें" विकल्प चुनें।
आउटपुट
यह निम्नलिखित आउटपुट देगा -