$(row).remove(); How to remove table row from table using jQuery ? Dynamically Add or Remove Table Row Using jQuery is very helpful in number of places where teachers wants to update students marks details or admin wants to update their Users details. For example here is the code to remove the last row from the table: *Code above was taken from Refer below-mentioned code to remove every row except last. Here, we make a jQuery click event on the button tag. Is the following acceptable: $('#myTableRow').remove(); row #1 will be index 0, but the count would start at 1) 8 Likes. var $tbody = $ ("#tblTradesman tbody") $ ("#btnDelTradesperson").click (function () { var $last = $tbody.find ('tr:last'); if ($last.is (':first-child')) { alert ('last is the only one') }else { $('#myTable tr').click(function(){ Remember: the above jQuery code only removes the row from the DOM. This plugin will convert simple HTML into Inline editable table, so you user can make easily change or edit table cell value, or even User can also delete or remove table row data also. For this things, we will use Tabledit jQuery plugin, and that plugin will provide Ajax request for inline edit or delete table row data. Thios will only work if the row has just 1 row. When the Button is clicked, the DeleteRows JavaScript function is executed. Row: (leave this blank) RowIndex: dt1.rows.count - 1. This can be used in web applications where the user may need to add more rows if required. If you don't ha Assuming you have a button/link inside of a data cell in your table, something like this would do the trick $(".delete").live('click', function( jQuery remove () Method: This method removes the delete all the rows of table javascript. Firstly, set the delete button: