JSFiddle - React, Tailwind, and code Playground

by mblase75

HTML

<button id="append">Append</button>
    <table border="1">
    </table>

JavaScript

$(document).ready(function() {
    $(document).on('click', '#append', function() {
        var $table = $(this).siblings('table');
        var $new_row = $('<tr><td> <button class="remove">X</button> </td></tr>').appendTo($table);
        $new_row.children('td').prepend('Row #<span class="num">' + ($new_row.index() + 1) + "</span>");
    });

    $(document).on('click', '.remove', function() {
        var $row = $(this).closest('tr'),
            $table = $row.closest('table');
        $row.remove();

        $table.find('tr').each(function(i,v) {
            console.log($(v).find('span.num').text(i));
            $(v).find('span.num').text(i+1);
        });

    });
});