<\/span><\/h2>\n\n\n\nAppend() function allows you to append HTML content at the end of specific page elements. Depending on the jQuery selector, it will append the code at the end of one or more elements. We can use this to add a table row in jQuery. Let us say you have the following HTML table, where you only have row tags tr inside the table tag<\/p>\n\n\n\n
<table id=\"my_table\">
<tr><td>1<\/td><\/tr>
<tr><td>2<\/td><\/tr>
<\/table><\/pre>\n\n\n\nIn the above case, you can easily use append() function to add another row to this table, as shown below.<\/p>\n\n\n\n
$(''#my_table').append('<tr><td>3<\/td><\/tr>');<\/pre>\n\n\n\nIn the above code, we select the table tag using its CSS selector and call append() function. In it, we pass the HTML code for the new row. You will end up with the following result.<\/p>\n\n\n\n
<table id=\"my_table\">
<tr><td>1<\/td><\/tr>
<tr><td>2<\/td><\/tr>
<tr><td>3<\/td><\/tr>
<\/table><\/pre>\n\n\n\nThis works only if your HTML table has only table tag and no tbody tag.<\/p>\n\n\n\n