jQuery basic: How can i remove a table row when a button of this row is clicked?

Question

$("#tableid tbody:last").append(html);

This creates table rows dynamically. Each newly created row has a "remove" button.

Now if i click that remove button that row will be deleted. How can i do this.

Thanks in advance.

user_8874189 · Answer

You can remove the row by this below code HTML


   4
   Abies Canadensis
   N/A120
   ৳10
   ৳1200
   ×

JQuery

$("body").on("click", ".close", function () {
    $(this).parents('tr').remove();
 });