可点击的表格行，除了最后一个 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");