Making row editable when hit row edit button

Question

I\'m new to jQuery and JavaScript. I\'m trying to click on my Edit button in my table and make the entire row editable. For some reason it\'s not working. I think it\'s o

Answer 1

Try this:

$('.editbtn').click(function() {
    var $this = $(this);
    var tds = $this.closest('tr').find('td').filter(function() {
        return $(this).find('.editbtn').length === 0;
    });
    if ($this.html() === 'Edit') {
        $this.html('Save');
        tds.prop('contenteditable', true);
    } else {
        $this.html('Edit');
        tds.prop('contenteditable', false);
    }
});

jsFiddle