Editable Table cell 1

by Subigya Panta

HTML

<table width='50%' id='tabs'>
<tr><td>1</td><td>5</td><td>6</td></tr>
<tr><td>2</td><td>2</td><td>2</td></tr>
<tr><td>3</td><td>2</td><td>2</td></tr>
</table>

JavaScript

$("table tr td").on('blur',"input[type='text']", function( e ){
        $(this).closest('td').text( 
            $(this).val()
        );
});

$("table").on('click','td', function( e ){
    
    if ( $(this).find('input').length ) {
         return ;   
    }    
    
    var input = $("<input type='text' size='5' />")
                      .val( $(this).text() );
        
    $(this).empty().append( input );
    
});

alert('started');