How to add new row in existing table using jQuery

I have following existing table


<table id="myTestTable"> <tbody> <tr>.......</tr> <tr>.......</tr> <tr>.......</tr> <tr>.......</tr> </tbody> </table>

Currently, It have Total 4 Rows.
I want to add one more row, Just after the last table row. Which should look like below:


<table id="myTestTable"> <tbody> <tr>.......</tr> <tr>.......</tr> <tr>.......</tr> <tr>.......</tr> <tr>.......</tr> </tbody> </table>

Now, how can I add new table-row in existing table in single line?.

Soltion:
Step 1: Add jQuery file in webpage.
<script src="//code.jquery.com/jquery-1.11.2.min.js"></script>


Step 2: Just add following script when you want to add new table row in existing table.

$('table#myTestTable tr:last').after('...');

It will add one new row in exiting table @ the end each time you call this script.

Best Related Posts are Following:

1. jQuery Ajax Interview Questions and Answers for Experienced.
2. Jquery Interview Questions and Answers for experienced.
3. How can I check DOM is ready in jQuery.
4. How to add new row in existing table using jQuery.
5. How to Include a JavaScript file in another JavaScript file?.
6. How can I get query string values in JavaScript and jQuery?.
7. What is the Correct content-type of JSON and JSONP?.
8. jQuery Mobile interview questions and answers.
9. How to Add attribute in A-Tag using jQuery.
10. Lightbox vs Fancybox.
11. Firebase Chat with Facebook and Twitter Integration.
12. jQuery datepicker first week monday.
13. How to Create A Basic Plugin In JQuery.
14. jQuery Function with Examples.
15. jQuery Fancybox.
16. Ajax AutoComplete for jQuery.
17. jQuery multi column sorting with jQuery - Live Demo.
18. jQuery Autocomplete like Facebook With Demo.
19. jQuery naming convention - jQuery tutorial for beginner.
20. How to Select / Deselect All Checkboxes using jQuery.

What is difference between event.preventDefault() and return false in Javascript?

e.preventDefault() will prevent the default event from occuring.
Means If this method is called, the default action of the event will not be triggered.

This method does not accept any arguments.
Example:

jQuery(document).ready(function(){
    $('a.link').click(function (e) {
        e.preventDefault();
    });
});

e.stopPropagation() will prevent the event from bubbling.
Means If this method is called, It Prevents the event from bubbling up the DOM tree, preventing any parent handlers from being notified of the event.

This method also does not accept any arguments.
Example:

jQuery(document).ready(function(){
    $('a.link').click(function (e) {
        e.stopPropagation();
    });
});

return false: Will do above both that is preventDefault & stopPropagation.
Example:

jQuery(document).ready(function(){
    $('a.link').click(function (e) {
        return false;
    });
});

Best Related Posts are Following:

1. Comparison between MySQL and MongoDB.
2. What are differences between $(document).ready and $(window).load?.
3. Difference between MVC and MVP design pattern.
4. What is difference between event.preventDefault() and return false in Javascript?.
5. What is the difference between call and apply in javascript?.
6. Difference between inner join and outer join in MySQL.
7. Difference between theme and template in website.
8. Difference between in_array and array_key_exists in php with Example.
9. Difference between SSL and HTTPS.
10. Difference between Notice and warning and fatal error.
11. Difference between overloading and overriding in php with Example.
12. What is difference between natcasesort and sort?.
13. Difference Between Hadoop and Big-Data.
14. Difference Between Primary Key And Unique Key And Foreign Key And Composite Key.
15. PHP Sessions and Cookie and Security.
16. Difference between WebService and API.
17. Difference Between MyISAM and innoDB - MySQL.
18. Difference Between Zend framework 2 VS Zend framework 1.
19. Difference between JSON and JSONP.
20. Difference Between Cakephp and Zend Framework.
21. Difference between Abstract class and Interface in PHP.