У меня есть редактируемая таблица:
$('.table-salva').click(function() {
$(this).parents('tr').attr("contenteditable", "false");
});
$('.table-modifica').click(function() {
$(this).parents('tr').attr("contenteditable", "true");
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js"></script>
<div class="table-editable">
<table id="table" class="tabella text-center">
<thead>
<tr class="hide">
<th>ID</th>
<th>Data</th>
<th>Entrata</th>
<th>Uscita</th>
</tr>
</thead>
<tbody>
<tr>
<td>#</td>
<td>AAAA-MM-GG</td>
<td>00:00</td>
<td>00:00</td>
<td id="bottoni">
<span class="table-salva"><button disabled type="button" class="btn btn-danger btn-rounded btn-sm my-0">Salva</button></span>
<span class="table-modifica"><button disabled type="button" class="btn btn-danger btn-rounded btn-sm my-0">Modifica</button></span>
</td>
</tr>
</tbody>
</table>
</div>
В таблице, когда пользователь нажимает кнопку «Modifica», вы можете редактировать поля и нажимать «Salva» для сохранения (да, кнопки отключены, но после того, как они не будут).
Я хочу, чтобы пользователь не мог редактировать поле "ID", как я могу изменить родителей ('tr'), чтобы исключить первый из td?
РЕДАКТИРОВАТЬ: У меня есть другой вопрос. Когда пользователь нажимает на «Modifica», он также может редактировать значения кнопок. Как заблокировать редактирование значений кнопок?