How to delete a row from a dynamic generate table using jquery?

Question

My code creates dynamically a table using jquery. I want to add delete functionality to the table. So when clicking on delete image the row should be delete. But deleting works fine just when the table is static. here id my code:

createTable: function () {
    var lastRow = $('#TblInvoiceList tr:last');
    var newRow = $('<tr>');
    newRow.append($('<td>').text($('input.Name').val()), $('<td>').text($('input.GrossAmount').val()));
    newRow.append("<td class='center'><img class='ImgDelete' src='image/ButtonDelete.png' /></td>");
    lastRow.before(newRow);}

and this is the delete function:

$('#TblInvoiceList td img.ImgDelete').click(function () {
    alert("hi");
    $(this).parent().parent().remove();
});

Ady Ngom · Accepted Answer · 2011-05-09 07:33:13Z

2

Use delegate even more efficient than live for dynamic added content do:

$('#TblInvoiceList').delegate('img.ImgDelete', 'click', function(e) {
     alert("hi");
     $(this).parent().parent().remove();
});

answered May 9, 2011 at 7:33

Ady Ngom

1,3122 gold badges10 silver badges12 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Nilou Over a year ago

how can i put $(this).parent().parent().remove(); in a method like this: $('#TblInvoiceList').delegate('img.ImgDelete', 'click', function(e) { deleteRow() });

xkeshav · Accepted Answer · 2011-05-09 07:27:19Z

2

try with live as

The .live() method is able to affect elements that have not yet been added to the DOM through the use of event delegation:

$('#TblInvoiceList td img.ImgDelete').live('click',function () {
    alert("hi");
    $(this).parent().parent().remove();
});

answered May 9, 2011 at 7:27

xkeshav

54.2k47 gold badges183 silver badges255 bronze badges

Collectives™ on Stack Overflow

How to delete a row from a dynamic generate table using jquery?

2 Answers 2

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related