Home/ Questions/Q 6591601
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-25T17:26:44+00:00

I have a requirement adding/deleting table rows dynamically using jquery. I have a table

  • 0

I have a requirement adding/deleting table rows dynamically using jquery.

I have a table row with 2 text boxes and 2 buttons, one button is add and other button is delete.

whenever I click the add button next row should be created with 2 text boxes and 2 buttons( add/delete) using Jquery.

Any suggestions around would be more appreciated.

Thanks

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Something like this:
    http://jsfiddle.net/AWM44/

    <html>
    <body>
        <table id="foo" border="1">
            <tr>
                <td>Hello</td>
                <td><input type="text></td>
                    <td><input type="text></td>
                <td><input type="button" class="addButton" value="add"/></td>
                <td><input type="button" class="deleteButton" value="delete"/></td>
            </tr>
        </table>
    </body>
</html>

$(function(){
    $(".addButton").click(function(){
        $(this).closest("tr").clone(true).appendTo("#foo");
    });

    $(".deleteButton").click(function(){
        $(this).closest("tr").remove();
    });
});
    • 0