JSFiddle - React, Tailwind, and code Playground

HTML

<table class="table table-hover table-condensed margin-top-form">
					    <thead>
					      <tr>
					    <th class="text-center"></th>
					    <th class="text-center">#</th>
					    <th class="text-center">Login</th>
							<th class="text-center">Name</th>
               </tr>
              </thead>
                <tr>
                <td><button type="button" id="edit" class="btn btn-primary btn-sm">Edit</button></td>
			    	   <td>1</td>
               <td class="align-middle"><input type="text" class="inputDisabled" name="pwd" value="Editable info" disabled /></td>
               <td class="align-middle"><input type="text" class="inputDisabled" name="pwd" value="Editable info" disabled /></td>
              </tr>
             </table>

JavaScript

$('#edit').click(function () {

          var currentTD = $(this).closest('tr');

          if ($(this).html() == 'Edit') {                  
             
             $(currentTD).find('.inputDisabled').prop("disabled",false);   

          } else {

             $(currentTD).find('.inputDisabled').prop("disabled",false);   

          }

          $(this).html($(this).html() == 'Edit' ? 'Save' : 'Edit')

      });