<html lang="en">
<head>
<title>jQuery :last Selector to Select Last Table Row</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script>
$(document).ready(function(){
$('.mybtn').click(function(){
$( "table.mytable tr:last" ).css( "color", "orange" );
});
});
</script>
<style>
.mytable{
border-collapse:collapse;
}
.mytable tr th, .mytable tr td{
border: 1px solid #ccc;
padding:10px;
}
</style>
</head>
<body>
<h2>jQuery :last Selector to Select Last Table Row</h2>
<p><button type="button" class="mybtn">Click Me to Color Last Row</button></p>
<table class="mytable">
<tr>
<th>Sr. No.</th>
<th>Cricketer Name</th>
<th>Wicket</th>
</tr>
<tr>
<td>1</td>
<td>Virat Kohli</td>
<td>189*</td>
</tr>
<tr>
<td>2</td>
<td>Ravindar Jadeja</td>
<td>134</td>
</tr>
<tr>
<td>3</td>
<td>Shikhar Dhawan</td>
<td>123*</td>
</tr>
</table>
</body>
</html>