JSFiddle - React, Tailwind, and code Playground

by Iftakharul Alam

HTML

<table>
    <tr>
        <td class='name'>Bappa</td>
        <td class='age'>21</td>
        <td><button class='btn'>edit</button></td>
    </tr>
    <tr>
        <td class='name'>razu</td>
        <td class='age'>22</td>
        <td><button class='btn'>edit</button></td>
    </tr>
</table>

JavaScript

$('.btn').on('click',function(){
editText(this,'.name');

});

function editText(obj,param){
    var data = $(obj).parent().parent().find(param).text();
    $(obj).parent().parent().find(param).html('<input type="text" value="'+data+'"/>')
    //alert(data);
}