Removing a row from a table using javascript

Question

I am using to add a some rows using javascript. I was able to achieve that using:

$('#order_basket > tbody:last').append('<tr><td><b>'+Book+
             '</td><td>'+Type+'</td><td>'+'<span onclick="removeRow()"'+
             'class="label label-important">Remove</span></td></tr>');      
        return false;
});

Now i also want to be able to remove that row using javascript too. In the able code i have a label named as Remove which is calling another function in my javascript that is being used to remove the selected row. However i am unable to achieve that. The code i am using to remove the row is:

function removeRow() {
    $(this).parent().remove();
    return false;
}

Any help will be appreciated!

using onclick, its there in the first block of code <span onclick="removeRow()". — Namit
– Namit, Commented Feb 26, 2012 at 17:39
Didn't this work? : Delete a table row with javascript / jquery — Adri V.
– Adri V., Commented Feb 26, 2012 at 17:42

Rob W · Accepted Answer · 2012-02-26 18:06:44Z

3

You have to pass this inside the onclick event as follows:

'<span onclick="removeRow(this)"'

And change the function to:

function removeRow(row) {
    $(row).closest('tr').remove();
}

Instead of passing the event as an attribute via the HTML, you can also use:

        $('#order_basket > tbody:last').append('<tr><td><b>' + Book +
             '</td><td>'+Type+'</td><td>'+'<span'+
             'class="label label-important remove">Remove</span></td></tr>');      
        return false;
});

$('#order_basket > tbody:last').on('click', 'span.remove', function() {
    $(this).closest('tr').remove();
});

edited Feb 26, 2012 at 18:06

answered Feb 26, 2012 at 17:41

Rob W

350k87 gold badges811 silver badges683 bronze badges

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

1 Comment

Namit Over a year ago

Works if i change the $(this).closest('row').remove(); to $(this).closest('tr').remove();

Collectives™ on Stack Overflow

Removing a row from a table using javascript

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related