Jquery Change text of a button on click in a table

Question

I need to change button text from mark completed to completed in a table for a selected row below is the code I am using but does not set the value to completed .

$('table :button').click(function(){
    $(this).closest('tr').find('button').attr('val' , 'Completed');
});

Answer 1

There is no attribute called val . Use text() method like following.

$('table :button').click(function(){
    $(this).text('Completed');
});

Answer 2

Try the direct approach:

$('table :button').click(function(){
 $(this).val('Completed');
});