jquery - 除最后一个 td 之外的可点击表格行并在最后一个 td 上展开表格行

Question

我有一个表格，表格行应该是可点击的，“除了”该行中的最后一个 td 之外。因此，当单击时，它会打开一个新窗口，指向新 URL。

但是，在同一表行中，最后一个 td 也需要可单击才能展开表行以获取更多详细信息。目前我已经完成了这项工作，但不是让整个行都可以点击一个 td (这是我不想要的)。

展开表格行的代码是:-

$("#report tr:odd").addClass("odd");
        $("#report tr:not(.odd)").hide();
        $("#report tr:first-child").show();

        $("#report tr.odd").click(function(){
            $(this).next("tr").toggle();
            $(this).find(".arrow").toggleClass("up");

        });

所以总的来说，我需要最后一个 td 之外的可点击行。

我希望能够通过单击该 td 而不是整行来展开表行的最后一个 td？

任何帮助都会很棒 - 我知道我需要什么，只是不知道如何写。

Answer 1

您可以将其应用于相关单元格，而不是将 click 事件应用于整个 tr，如下所示:

$("#report tr.odd td:not(:last-child)")

这将选择该行中除最后一个之外的所有 td。

要访问下一个 tr，您还需要更改该选择器:

$(this).parent().next("tr").toggle();

这将获取您点击的 td 的父级(tr)，然后查找下一个。如果 .arrow 类应用于 tr，则需要发生同样的情况:

$(this).parent().find(".arrow").toggleClass("up");