Lo que necesito es que al darle click al boton "guardar" de una fila en especifico, se desactiven unicamente los inputs de esa fila para que no se puedan editar hasta que se de click en el boton "editar" sin afectar las demas filas , cada fila tiene un boton de "guardar y editar".
Mi codigo es el siguiente:
<table class="table table-dark table-bordered table-hover " id="tabla-apuestas">
<thead >
<tr>
<th scope="col"class="text-center">Dia</th>
<th scope="col"class="text-center">Dinero Metido</th>
<th scope="col"class="text-center">Dinero Ganado</th>
<th scope="col"class="text-center">Dinero Perdido</th>
<th scope="col" colspan="2" class="text-center">¿Terminaste?</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="" class="text-center"><input id="input-1" type="date" ></th>
<td class="text-center"><input id="input-2" placeholder="$" type="number" /></td>
<td class="text-center"><input id="input-3" placeholder="$" type="number" /></td>
<td class="text-center"><input id="input-4" placeholder="$" type="number" /></td>
<td class="text-center"><button id="btn-editar" onclick="activarInputs()" class="bg-warning text-white"> <b>Editar</b> </button></td>
<td class="text-center"><button id="btn-guardar" onclick="desactivarInputs()" class="boton bg-success text-white"> <b>Guardar</b> </button></td>
<label id="respuesta"><label>
</tr>
<tr>
<th scope="" class="text-center"><input id="input-1" type="date"></th>
<td class="text-center"><input id="input-1" placeholder="$" type="number" /></td>
<td class="text-center"><input id="input-2" placeholder="$" type="number" /></td>
<td class="text-center"><input id="input-3" placeholder="$" type="number" /></td>
<td class="text-center"><button id="btn-editar" onclick="activarInputs()" class="bg-warning text-white"> <b>Editar</b> </button></td>
<td class="text-center"><button id="btn-guardar" onclick="desactivarInputs()" class="boton bg-success text-white"> <b>Guardar</b> </button></td>
<label id="respuesta"><label>
</tr>
<tr>
<th scope="" class="text-center"><input id="input-1" type="date"></th>
<td class="text-center"><input id="input-1" placeholder="$" type="number" /></td>
<td class="text-center"><input id="input-2" placeholder="$" type="number" /></td>
<td class="text-center"><input id="input-3" placeholder="$" type="number" /></td>
<td class="text-center"><button id="btn-editar" onclick="activarInputs()" class="bg-warning text-white"> <b>Editar</b> </button></td>
<td class="text-center"><button id="btn-guardar" onclick="desactivarInputs()" class="boton bg-success text-white"> <b>Guardar</b> </button></td>
<label id="respuesta"><label>
</tr>
</tbody>
</table>