How can I add a new row to the specified table using jQuery?

Question

Is there a built-in method for doing this?

And how to make the table rows selectable and then delete the selected row?

+1

jquery

omg 27 Aug '09 at 5:07

source to share

3 answers

RaYell · Answer 1 · 2009-08-27T05:09:38+0000

$('#yourTableId').append('<tr><td>new row</td></tr>');

To remove the selected row, follow these steps:

$('tr').click(function () {
    $(this).remove();
});

meder omuraliev · Answer 2 · 2009-08-27T05:09:35+0000

Just did it using this stackoverflow page:

$('.fw').append( 
    $('<tr/>').append( $('<td>').text('foo'))
)

Alternative shortcut:

$('.fw').append( $('<tr><td>foo</td></tr>') );

Checkout http://docs.jquery.com/Manipulation for more.

John Fisher · Answer 3 · 2009-08-27T05:09:42+0000

var row = $('<tr><td>...</td><td>...</td></tr>');
var lastRow = $('table tr:last');
row.insertAfter(lastRow);