JSFiddle - React, Tailwind, and code Playground

by esbenp

HTML

<table>
    <tr>
        <td class="text">
            Some text
        </td>
        <td>
            <a href="#" id="edit">Edit</a>
        </td>
    </tr>
</table>

<div id="form">
    <form action="page" method="POST">
        <input type="text" name="text">
        <input type="submit" name="submit" id="submit">
    </form>
</div>

CSS

#form {
    display:none;   
}

JavaScript

$("table").find('td').delegate('a', 'click', function() {
    var a_elem = $(this);
        parent_tr = a_elem.parents('tr'),
        thetext = parent_tr.find('td.text').text().trim();
    
    $("input[name=text]").val(thetext);
    $("div#form").show();
});