javascript - 停止表内的链接将表行标记为选定

Question

我在构建一个网页时遇到了一个小烦恼，在该网页中，单击表格单元格内的链接会触发该行被标记为已单击。

但是，我确实希望不允许单击该特定单元格的其余部分。

您可以通过以下方式查看 jsfiddle:https://jsfiddle.net/r00ftuo1/

注释:

• 通常我的 jquery 代码会将所选行保存到数据库中，因此在返回页面时它将恢复所选行。
• 通常链接会重定向到不同的页面；它不会转到#。

Answer 1

建议将事件处理程序分配给表，而不是单个行或单元格，这是因为每个事件绑定(bind)都会占用内存，对于少量行而言并不重要，但如果行数达到数百则非常重要

$("table").on("click", "td", function(e){
    if($(e.target).is(':not(a)')){
      $(this).closest('tr').toggleClass("selected");
    }
});