JQUERY chwycenie innych elementów z tej samej kolumny po wciśnięciu przycisku i zamianę tego w formularz

Question

A więc tak mam tabele

<table>
   <tr>
       <td>warzywko</td>
       <td>Super serial</td>
       <td><i class='fas fa-edit'></i></td>
       <td><i class='fas fa-trash'></i></td>
    </tr>
</table>

i chciałbym zrobić to tak, że po naciśnięciu <td><i class='fas fa-edit'></i></td> zamienia mi tą całą kolumnę na formularz z wpisanymi z tego danymi. Próbowałem zrobić to jakoś po parents() ale nieskutecznie. Jakieś porady jak się za to zabrać?