當(dāng)雙擊將更改為并顯示更新和取消按鈕時(shí)，我有一個(gè)可編輯的表格。如果選擇一行或一列進(jìn)行編輯，我想進(jìn)行編輯，無法選擇其他元素進(jìn)行編輯。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();}
2 回答
慕無忌1623718
TA貢獻(xiàn)1744條經(jīng)驗(yàn) 獲得超4個(gè)贊
可以在onclick事件中編寫如下代碼
$(this).siblings("td").css("pointer-events","none");
Helenr
TA貢獻(xiàn)1780條經(jīng)驗(yàn) 獲得超4個(gè)贊
代碼的簡(jiǎn)短版本。
$('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) });- 2 回答
- 0 關(guān)注
- 221 瀏覽
添加回答
舉報(bào)
0/150
提交
取消