选择元素时禁用选择其他元素

Question

当双击将更改为并显示更新和取消按钮时，我有一个可编辑的表格。如果选择一行或一列进行编辑，我想进行编辑，无法选择其他元素进行编辑。

PHP

<table>

    <tr>

        <td>

            <table class="table small">

                <tr>

                    <td>Tb1</td>

                    <td class="editable myTd1" name="'.$arr['td1'].'" ondblclick="showEditable(this);"><span>...</span></td>

                </tr>

                <tr>...</tr>

                <p class="myBtn text-center" hidden>

                    <button class="update">Update</button>

                    <button class="cancel">cancel</button>

                </p>

            </table>

        </td>

        <td>...</td>

    </tr>

</table>

Javascript：

function showEditTable(isMy){

    var $this = $(isMy);

    var $id = $this.attr("name");

    var $col = $.trim($this.attr("class").replace("editable", ""));

    $(".myBtn").hide();

    $this.parents("td").find(".myBtn").show();

    var $input = $("<input>", {

                value: $this.find("span").attr("name"),

                type: "date",

                blur: function(){myUpdate($this, $col, $id);}

   }).appendTo( $this.empty()).focus();

}

Answer 1

可以在onclick事件中编写如下代码$(this).siblings("td").css("pointer-events","none");

Answer 2

代码的简短版本。$('body').on('click','td',function(){&nbsp;$(this).siblings('td').attr('contenteditable',false);&nbsp;&nbsp;}); $('body').on('click','[submit_button_class]&nbsp;[disable_button_class_name]',function(){&nbsp;$(this).parent().siblings('td').attr('contenteditable',true)&nbsp;});