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

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(){ $(this).siblings('td').attr('contenteditable',false);  });
$('body').on('click','[submit_button_class] [disable_button_class_name]',function(){ $(this).parent().siblings('td').attr('contenteditable',true) });