Want to add an additional row to a table as the last row in jQuery? Use jQuery after() method to add table row dynamically after last row.
You can include anything within the after() method and this is a valid HTML, including multiple rows as per the example below:
<!DOCTYPE>
<head>
<title>Add table row dynamically in jQuery</title>
<script language="javascript">
$(document).ready(function(){
$("#btn").click(function(){
$('#myTable tr:last').after('<tr>New Row</tr>');
});
});
</script>
</head>
<body>
<table id="myTable">
<tr>Old Row</tr>
<tr>Old Row</tr>
</table>
<input type="button" name="btn" id="btn" value="Add" />
</body>
</html>
Read: Traversing Siblings
Pain in muscles and joints can be a problem in everyday life, whether it involves…
Most modern businesses spend a lot of time thinking about digital touchpoints. Websites, email campaigns,…
While TikTok and Instagram battle for users’ attention with short vertical videos, Elon Musk’s social…
When you are looking to apply for a mortgage the one thing that most people…
Once you've memorized basic blackjack strategy, it's time to delve deeper into the game. Advanced…
Yoga is no longer just a physical practice. Yoga is popular as a lifestyle practice.…