我有一个可编辑的表格:
$('.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”字段,如何修改parent('tr')以排除td中的第一个?
编辑:我还有另一个问题。当用户单击“ Modifica”时,他也可以编辑按钮的值。如何阻止按钮的值编辑?
答案 0 :(得分:0)
我还怀疑您也不希望按钮可编辑
您可以使用以下方法将适用的<td>
s作为目标:
$(this).parent().siblings().not(':first').attr(...