防止表格列可点击

Question

我有一个电视节目表，如下所示：

当我点击＆＃34;显示名称＆＃34;，＆＃34; Episode＆＃34;或＆＃34;日期播出＆＃34;弹出一个模态，以便我可以编辑节目的详细信息。最后一列上的每个图标都有一个目的，所以如果我要单击其中一个，那么它仍会将其分类为单击列，因此会突出显示我不想要的整行。

这是我的jQuery突出显示行：

$('tbody').on("click","tr",function(e) {
    $('tbody tr').not(this).removeClass('selected_click_cell');
    $(this).toggleClass('selected_click_cell');
});

即使最后一列上的图标被点击，是否还有一种方法可以突出显示整行，包括最后一列？或者，是否可以仅在单击时突出显示前3列？

Answer 1

以下评论：

• $('tbody tr')是一个不必要的通用选择器，也很慢。将最后选定的行缓存到某处，以便您可以取消选择该行。
• addClass代替toggleClass。
• 报价字符不一致。
• 事件正在冒泡。从图标点击事件的处理程序返回false。该图标肯定已经是比表格行更高的z顺序。
• 一旦它变得复杂，你会发现这种应用程序在Vue JS中比使用jQuery更容易开发。