javascript - 单击链接时忽略表格单击功能

Question

当用户点击表格中的一行时，我有一个点击方法。

$('.table > tbody > tr').click(function () {
    if ($(this).hasClass("info")) {
        $(this).removeClass("info");
    }
    else {
        $(this).addClass("info");
    }
});

但是，某些单元格中有链接，如果单击链接，我想忽略上面的方法。我该怎么做？

Answer 1

只需使用 event.target 和 .closest() 检查链接是否被点击:

$('.table > tbody > tr').click(function (e) { //Catch event here
    if($(e.target).closest('a').length) return; // Add this
    if ($(this).hasClass("info")) {
        $(this).removeClass("info");
    }
    else {
        $(this).addClass("info");
    }
});