从父母排除tr('tr')

时间:2018-11-10 20:50:28

标签: jquery html-table bootstrap-4

我有一个可编辑的表格:

    $('.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”时,他也可以编辑按钮的值。如何阻止按钮的值编辑?

1 个答案:

答案 0 :(得分:0)

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

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

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