从父母中排除 tr('tr')

Question

我有一个可编辑的表格：

    $('.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？

编辑：我还有一个问题。当用户点击“修改”时，他也可以编辑按钮的值。如何阻止按钮的值编辑？

Answer 1

我还怀疑您也不希望按钮可编辑

您可以使用以下方法将适用的<td>s 设为目标：

$(this).parent().siblings().not(':first').attr(...